日本一区二区综合亚洲,午夜精品久久久久久久四虎美女版 ,激情文学综合丁香

和我一起學ExtJS——入門

先從官方下載Extjs 2.0http://www.extjs.com/

在頁面上導入所需的ＪＳ和ＣＳＳ資源文件

<html>

<head>

@import url("plugins/extjs/ext-2.0/resources/css/ext-all.css");

</style>

</head>

<body>

<div id="id1" style="border:1px solid red;height:200px;width:200px;">id1的范圍，請用mouse 左鍵點擊</div>

<div id="id2" style="border:1px solid red;height:200px;width:200px;">id2的范圍，請用mouse 左鍵點擊</div>

來一個實例，最常見的ID元素操作
傳統的操作：

var d=document.getElementById("id1");

d.onclick=function(){

alert("你點擊了id1");

}

Extjs里的實現：

var t=Ext.get('id2');

t.center();

t.on('click',function(){

alert("dfsdfsd");

t.highlight();

},this,

{single: false,

delay: 100}

);

});

</script>

</body>

</html>

如果使用easyjweb就可以直接用以下代碼了

<html>

<head>

$html.extjs2()

<title>跟我一起學Extjs——入門</title>

</head>

<body>

<div id="id1" style="border:1px solid red;height:200px;width:200px;">id1的范圍，請用mouse 左鍵點

擊</div>

<div id="id2" style="border:1px solid red;height:200px;width:200px;">id2的范圍，請用mouse 左鍵點

擊</div>

Ext.onReady(function(){

var t=Ext.get('id2');

t.center();

t.on('click',function(){

alert("dfsdfsd");

t.highlight();

},this,

{single: false,

delay: 100}

);

});

</script>

var d=document.getElementById("id1");

d.onclick=function(){

alert("你點擊了id1");

}

</script>

</body>

</html>

posted on 2008-01-08 16:22 WilliamRaym 閱讀(1293) 評論(6) 編輯收藏

# re: 和我一起學ExtJS——入門 2008-01-08 17:02 wellfuls

# re: 和我一起學ExtJS——入門 2008-01-08 17:03 wellfuls

# re: 和我一起學ExtJS——入門 2008-01-08 17:05 久城

# re: 和我一起學ExtJS——入門 2008-01-08 18:31 WilliamRaym

# re: 和我一起學ExtJS——入門 2008-01-08 22:03 xidudui

# re: 和我一起學ExtJS——入門 2008-01-09 09:19 WLR

williamraym

和我一起學ExtJS——入門

評論

導航

統計

常用鏈接

留言簿(6)

隨筆檔案

搜索

最新評論

閱讀排行榜

評論排行榜


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理