Extjs4.0 Ext.toolbar.Toolbar 中怎么动态创建按钮?

Extjs4.0 Ext.toolbar.Toolbar 中怎么动态创建按钮?,第1张

我一般不做动态添加,因为以后有新布局了就得修改代码,麻烦。所以你可以把4个按钮都建立,只是hiden属性要写上

Ext.create('Ext.toolbar.Toolbar', {

renderTo: document.body,

width : 500,

items:[

{text:'打印设置',hidden:Ext.isIE},

{text:'立即打印',hidden:Ext.isIE},

{text:'打印预览',hidden:Ext.isIE},

{text:'打印',hidden:Ext.isIE},

]

})

单个按钮的话,参考如下,如果你是想通过两个按钮来表达开关稍作扩展即可:

new Ext.Button ({

    scale:'Large',

    fieldLabel :'是否',

    iconAlign : 'left',

    id : 'ynButton',

    tag : 'Y',

    handler :function(button){

    if(button.tag == 'N'){

      button.tag = 'Y'

      Ext.getDom(button.getId()).innerHTML ='Y图片'

     }else if(button.tag=='Y'){

      button.tag= 'N'

      Ext.getDom(button.getId()).innerHTML ='N图片'

     }

    }

})

具体图片通过iconCls来切换,css要先在文件里定义好图片背景


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11941047.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存