夢(mèng)幻之旅

DEBUG - 天道酬勤

:: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合

:: 管理 ::

671 隨筆 :: 6 文章 :: 256 評(píng)論 :: 0 Trackbacks

Ext Toolbar 練習(xí)

function toolbarE() {

var Toolbar = new Ext.Toolbar({

renderTo : "toolBar",

width : 500

});

Toolbar.addButton([{

text : "新建",

handler : onButtonClick

}, {

text : "打開",

handler : onButtonClick

}, {

text : "保存",

handler : onButtonClick

}, {

text : "取消",

handler : onButtonClick

}]);

Toolbar.addSeparator();

Toolbar.addField(new Ext.form.TextField({

width : 50

}));

Toolbar.addFill();

Toolbar.addElement(Ext.get("A"));

Toolbar.addSeparator();

Toolbar.addText("靜態(tài)文本");

function onButtonClick(btn) {

alert(btn.text);

}

function toolbarE2() {

Ext.BLANK_IMAGE_URL = "/learn/ext/resources/images/default/s.gif";

var Toolbar = new Ext.Toolbar({

renderTo : "toolBar",

width : 300

});

var fileMenu = new Ext.menu.Menu({

shadow : "frame",

items : [{

text : "新建",

handler : onMenuItem

}, {

text : "打開",

handler : onMenuItem

}, {

text : "關(guān)閉",

handler : onMenuItem

}]

});

var editMenu = new Ext.menu.Menu({

shadow : "drop",

items : [{

text : "復(fù)制",

handler : onMenuItem

}, {

text : "粘貼",

handler : onMenuItem

}, {

text : "剪切",

handler : onMenuItem

}]

});

var infoMenu = new Ext.menu.Menu({

shadow : "frame",

items : [{

text : "個(gè)人信息",

menu : new Ext.menu.Menu({

items : [{

text : "身高",

handler : onMenuItem

}, {

text : "體重",

handler : onMenuItem

}, {

text : "生日",

menu : new Ext.menu.DateMenu(

{

handler : onClickDate

})

}]

})

}, {

text : "打開",

handler : onMenuItem

}, {

text : "關(guān)閉",

handler : onMenuItem

}]

});

Toolbar.add({

text : "文件",

menu : fileMenu

}, {

text : "編輯",

menu : editMenu

}, {

text : "信息",

menu : infoMenu

})

function onMenuItem(item) {

alert(item.text);

}

function onClickDate(dm, date) {

alert(date.format('Y-m-j'));

}

function toolbarE3() {

Ext.BLANK_IMAGE_URL = "/learn/ext/resources/images/default/s.gif";

var Toolbar = new Ext.Toolbar({

renderTo : "toolBar",

width : 300

});

var themeMenu = new Ext.menu.Menu({

items : [{

text : "主題顏色",

menu : new Ext.menu.Menu({

items : [{

text : "紅色主題",

checked : true,

group : "theme",

checkHandler : onItemCheck

}, {

text : "藍(lán)色主題",

checked : false,

group : "theme",

checkHandler : onItemCheck

}, {

text : "黑色主題",

checked : false,

group : "theme",

checkHandler : onItemCheck

}]

})

}, {

text : "是否啟用",

checked : false

}]

});

Toolbar.add({

text : "風(fēng)格選擇",

menu : themeMenu

})

function onItemCheck(item) {

alert(item.text);

}

Ext.onReady(toolbarE3);

posted on 2008-12-28 16:03 HUIKK 閱讀(5998) 評(píng)論(1) 編輯收藏所屬分類: EXT

評(píng)論

# xs[未登錄] 2011-04-12 15:40 s

ss 回復(fù) 更多評(píng)論

新用戶注冊(cè) 刷新評(píng)論列表


只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: Funsion Charts 參數(shù)大全錯(cuò)誤：缺少標(biāo)識(shí)符字符串或數(shù)字的解決 Ext 繼承 Ext extend ext apply ext 繼承 ext grid 指定行顏色 Ext 二級(jí)聯(lián)動(dòng) Ext 帶提示信息的 textField Ext combox 中文排序

夢(mèng)幻之旅

公告

常用鏈接

留言簿(21)

隨筆分類(644)

隨筆檔案(669)

文章檔案(6)

最新隨筆

積分與排名

最新評(píng)論

閱讀排行榜

評(píng)論排行榜

評(píng)論