关于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