夢幻之旅

DEBUG - 天道酬勤

:: 首頁 :: 新隨筆 :: 聯系 :: 聚合

:: 管理 ::

671 隨筆 :: 6 文章 :: 256 評論 :: 0 Trackbacks

Ext Toolbar 練習

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("靜態文本");

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 : "關閉",

handler : onMenuItem

}]

});

var editMenu = new Ext.menu.Menu({

shadow : "drop",

items : [{

text : "復制",

handler : onMenuItem

}, {

text : "粘貼",

handler : onMenuItem

}, {

text : "剪切",

handler : onMenuItem

}]

});

var infoMenu = new Ext.menu.Menu({

shadow : "frame",

items : [{

text : "個人信息",

menu : new Ext.menu.Menu({

items : [{

text : "身高",

handler : onMenuItem

}, {

text : "體重",

handler : onMenuItem

}, {

text : "生日",

menu : new Ext.menu.DateMenu(

{

handler : onClickDate

})

}]

})

}, {

text : "打開",

handler : onMenuItem

}, {

text : "關閉",

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 : "藍色主題",

checked : false,

group : "theme",

checkHandler : onItemCheck

}, {

text : "黑色主題",

checked : false,

group : "theme",

checkHandler : onItemCheck

}]

})

}, {

text : "是否啟用",

checked : false

}]

});

Toolbar.add({

text : "風格選擇",

menu : themeMenu

})

function onItemCheck(item) {

alert(item.text);

}

Ext.onReady(toolbarE3);

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


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




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Funsion Charts 參數大全錯誤：缺少標識符字符串或數字的解決 Ext 繼承 Ext extend ext apply ext 繼承 ext grid 指定行顏色 Ext 二級聯動 Ext 帶提示信息的 textField Ext combox 中文排序

夢幻之旅

公告

常用鏈接

留言簿(21)

隨筆分類(644)

隨筆檔案(669)

文章檔案(6)

最新隨筆

積分與排名

最新評論

閱讀排行榜

評論排行榜

評論