ExtJs4动态加载工具栏中的项目
ExtJs4 dynamically load items in a toolbar
如何在ExtJs 4工具栏中动态加载项目?我想从JSON中加载项目
我试过这个加载器,但是它就是让人头疼。
Ext.define('Backend.view.Nav' ,{
alias: 'widget.Nav',
extend: 'Ext.toolbar.Toolbar',
initComponent: function() {
this.items = [
{
iconCls: 'freewinder',
text: 'Freewinder'
},
{
iconCls: 'application',
text: 'Applikationen',
xtype: 'splitbutton'
},
{
iconCls: 'component',
text: 'Komponenten',
xtype: 'splitbutton'
},
'-',
{
emptyText: 'Suche ...',
xtype: 'textfield'
}];
this.callParent(arguments);
}
});
您可以使用Ext.toolbar.Toolbar
的add
方法在工具栏构建完成后动态添加项目:http://docs.sencha.com/ext-js/4-0/#!/api/Ext.toolbar.Toolbar-method-add
你希望它如何工作?工具栏应该出现,发出一个AJAX请求,然后添加菜单项——或者服务器应该在页面加载时给客户端应用程序一些包含菜单项的JSON,或者您希望它如何准确地工作?
如果服务器在页面加载时输出JSON,您可以执行this.items = jsonItems
。
相关文章:
- 删除CKEditor工具栏按钮,但不删除功能
- Sencha触摸:工具栏无法正常滚动
- 使用网格ID隐藏剑道网格工具栏
- 如何在IE中隐藏菜单栏,工具栏
- 将此事件添加到工具栏
- ExtJS--如何居中对齐两个工具栏按钮
- 在某些URL上显示火狐插件工具栏
- 如何将自定义图标添加到 JqGrid 顶级工具栏按钮
- 文本编辑工具栏解决方案 (js),具有低级自定义
- Ext JS工具栏和痕迹导航示例在JSFiddle中不起作用
- 如何在较新版本的 Free-JQGard 中重置搜索工具栏和搜索过滤器
- 尝试绘制从鼠标位置工具栏中选择的形状 - HTML5 CANVAS
- ExtJS 4-在调整窗口大小时,溢出的工具栏会失去控制器
- 如何在ExtJS 4.2中聚焦工具栏的按钮
- 单击Firefox工具栏按钮中的坐标
- 如何从CKEditor的工具栏中只删除一个项目
- 在SAPUI5 (Javascript)项目中集成Quill富文本编辑器工具栏
- ExtJs4动态加载工具栏中的项目
- 如何将“;所有“;项目进入搜索工具栏的选择菜单
- 我应该如何使用ckeditor与不带工具栏在同一项目