国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Exjs 入門篇

2019-11-21 00:36:08
字體:
來源:轉載
供稿:網友
看到Extjs如此絢麗的界面,突然有種莫名的沖動來學習下!

Extjs是從yui-ext發展來的一套ajax控件,是一套完整的富客戶端解決方案,也因為功能完整,ext-all.js有400多k(最新的extjs3.2.0 有600多k),以為是基于js和css的功能實現,對客戶端機器性能也有一定的要求,比如對ie6以下版本的不支持。

  下面開始Extjs的學習(本人也是剛學,希望大家提出文中出現的問題)。"Hello World"是當今程序語言經典的入門程序,很多教科書上都是用"Hello World"來引領我們進入精彩的程序世界。

  在進行是用Extjs框架開發應運程序前,必須將Extjs資源包導入到你的項目中來,最新的Extjs開發包版本為3.2.0,在Extjs官方網站可以進行下載,網址為www.extjs.com/download。下載完成后,進行解壓,解壓后的結構圖如下所示。

  下載了Extjs開發包后,我們就可以可以Extjs的開發了,首先我們打開VS2008,新建一個工程,我就取名為Com.KimiYang.Web。建完工程后,將剛才解壓后的Extjs開發包拷到到項目中來。目錄adapter,resources和文件ext-all.js必須拷到項目中來。我在工程的根目錄新建了文件夾Extjs3.2.0,然后將以上文件夾及文件拷到文件夾Extjs3.2.0來。目錄結構如下圖所示:

  現在我們開始寫"Hello World"程序,我們直接寫在頁面Default.aspx上面了,打開Default.aspx頁面。要使用Extjs開發應用程序,僅僅將Extjs開發導入到項目是不夠的,還需要在頁面中引用相應文件。最核心的文件有以下3個:resources/css/ext-all.css(控制界面樣式,不引入次樣式,將直接導致頁面混亂),adapter/ext/ext-base.js和ext-all.js(這兩個文件是包含了Extjs的所有功能),除了以上3個文件必須引入外,對于中國的開發者還必須引入一個文件:Extjs3.2.0/src/locale/ext-lang-zh_CN.js(中文翻譯)。以上幾個文件引用時有先后次序的,不然將導致程序出錯。以下為"Hello World"代碼,當用戶打開頁面時候,將彈出一個對話框,顯示Hello Wold。

復制代碼 代碼如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Com.KimiYang.Web._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>無標題頁</title>
<link href="Extjs3.2.0/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<link href="Extjs3.2.0/resources/css/xtheme-gray.css" rel="stylesheet" type="text/css" />
<script src="Extjs3.2.0/adapter/ext/ext-base.js" type="text/javascript"></script>
<script src="Extjs3.2.0/ext-all.js" type="text/javascript"></script>
<script src="Extjs3.2.0/src/locale/ext-lang-zh_CN.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
function openMsg()
{
Ext.MessageBox.alert('狀態', 'Hello World' , 'showResult');
}
Ext.onReady(openMsg);
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>

執行上面代碼,將出現如下效果。

     首先在定義了一個方法openMsg,此方法的功能就是彈出一個 Extjs的對話框,Ext.onReady()是使用Extjs的入口,只有當Extjs框架加載完成后,才會執行Ext.onReady里面的函數

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 金沙县| 扎赉特旗| 星子县| 永春县| 西平县| 榆树市| 句容市| 永仁县| 寿阳县| 桐城市| 锦屏县| 关岭| 和顺县| 大荔县| 富民县| 黑水县| 铜鼓县| 政和县| 靖州| 九龙坡区| 沙坪坝区| 策勒县| 新蔡县| 九龙县| 衡阳市| 灵台县| 海兴县| 顺昌县| 民和| 永年县| 哈密市| 拜泉县| 虹口区| 萍乡市| 乌鲁木齐县| 虞城县| 云南省| 延吉市| 县级市| 会泽县| 柳江县|