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

ExtJs中checkbox和 radiobox的有关问题汇总

2012-11-23 
ExtJs中checkbox和 radiobox的问题汇总这个帖子主要记录我在使用 .x-form-check-wrap,.x-form-radio-wrap{

ExtJs中checkbox和 radiobox的问题汇总

这个帖子主要记录我在使用 .x-form-check-wrap,.x-form-radio-wrap{padding:3px 0 0 0;line-height:15px;width:150px;} .x-form-check-group .x-form-check-wrap,.x-form-radio-group .x-form-radio-wrap{height:15px;} .ext-ie .x-form-check-group .x-form-check-wrap,.ext-ie .x-form-radio-group .x-form-radio-wrap{height:17px;} .commquery-grid-row {color: '#FF0000';!important;} .x-grid-record-red table{color: #FF0000;}

?2、动态生成{ id:'id', name:'name', xtype : 'checkboxgroup', fieldLabel : 'test', columns : 3, items:getData() }

? 在其中我指定了该checkboxgroup的items是由getData()生成

   1. var itemArray        2.      3. function getData(){     4.    var conn = new Ext.data.Connection();     5.    conn.request({     6.        url: '',     7.        success: function(response) {     8.            itemArray = Ext.util.JSON.decode(response.responseText);     9.             Ext.getCmp('id').items=itemArray;    10.           }    11.        });    12.   }   

?在这里通过Connection从后台获取json并将值赋给checkboxgroup
json的格式如下
[{id:'id',boxLabel:'boxLabel',name:'name'},...]
3、 1. Ext.override(Ext.form.BasicForm,{ 2. findField : function(id){ 3. var field = this.items.get(id); 4. if(!field){ 5. this.items.each(function(f){ 6. if(f.isXType('radiogroup')||f.isXType('checkboxgroup')){ 7. f.items.each(function(c){ 8. if(c.isFormField && (c.dataIndex == id || c.id == id || c.getName() == id)){ 9. field = c; 10. return false; 11. } 12. }); 13. } 14. 15. if(f.isFormField && (f.dataIndex == id || f.id == id || f.getName() == id)){ 16. field = f; 17. return false; 18. } 19. }); 20. } 21. return field || null; 22. } 23. }); ?

热点排行