EXTJs的两个问题

EXTJs的两个问题

 

一个问题是EXTJs中Ext.form.label更新text中html内容。另外一个是grid的tbar动态修改的问题。

 

Label更新text内容，有一个API函数setText()，API中说该函数为setText( String text, [Boolean encode] )，第一个参数为内容，第二个参数为是否采用html格式解析text内容，我按一般html的格式

传入内容，并设置encode为true（true为按html格式转码），但是试了好几次没能按html格式显示，而是显示出了包括html标签在内的所有字符。可能是我传入的html格式不对。无奈，换了个方式实现了。

用label.getEl().update(‘html内容’);的方式绕开setText()，成功按照html格式的方式显示label中的内容。

 

 

EXTJs中grid的tbar动态修改。

在定义一个grid时，有时候需要在grid的上面加一个按钮或者菜单栏什么的，这时候就会用tbar，在tbar内定义button什么的，就能显示并使用，但是tbar有点坑，不能正常的按照toolbar一样通过add或者remove增删元素。我试了很多次就是不行，可能是它本身实现上的bug。后来看了一下，tbar就是grid的top bar的缩略形式，等价于dockedItems: [{

xtype: 'toolbar',

itemId: ‘toolbar’

    dock: 'top',

    items: [

        { xtype: 'button', text: 'Button 1' }

    ]

}]

后来把tbar直接换成dockedItems的形式，再通过

var toolbar =grid_panel.child(‘#toolbar’);

的方式获取控件，就能按照toolbar的形式随意增删元素了。