首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 数据库 > 其他数据库 >

关于ExtJS的工具栏动态平添按钮(从后台数据库读取信息)

2012-11-17 
关于ExtJS的工具栏动态添加按钮(从后台数据库读取信息)我想在工具栏中动态添加按钮,至于添加什么按钮,则从

关于ExtJS的工具栏动态添加按钮(从后台数据库读取信息)
我想在工具栏中动态添加按钮,至于添加什么按钮,则从后台数据库中读取信息。
//以下是工具栏按钮测试代码,生成JSON


SetToolButtons = function(tbr) { 2     Ext.Ajax.request({ 3         url: 'rolegroup.aspx', 4         params: '', 5         method: 'POST', 6         success: function(response, options) { 7             var rsp = Ext.util.JSON.decode(response.responseText); 8             var total = rsp.totalProperty; 9             var arrays = new Array(total);10             for (var i = 0; i < total; i++) {11                 arrays[i] = new Ext.Toolbar.Button({ text: rsp.result[i].text, iconCls: 'icon-home' });12             }13             tbr.add(arrays);14             tbr.addFill();15             tbr.addButton(16             {17                 text: '我的桌面',18                 iconCls: 'icon-desktop',19                 scope: this20             });21             tbr.addSeparator();22             tbr.addButton([23             {24                 text: '重新登录',25                 iconCls: 'icon-user'26             },27             {28                 text: '退出系统',29                 iconCls: 'icon-exit'30             }]);31         },32         failure: function() {33             Ext.Msg.alert("提示信息", "按钮加载失败,请稍后重试!");34         }35     });36 };37 38 Ext.onReady(function() {39     Ext.QuickTips.init();40     var toolbar = new Ext.Toolbar({41         id: 'tool_bar',42         cls: 'top-toolbar'43     });44     SetToolButtons(toolbar);45 }46 

热点排行