【公告管理】开发总结-checkboxgroup的使用

最新推荐文章于 2024-04-22 09:23:40 发布

原创

最新推荐文章于 2024-04-22 09:23:40 发布 · 964 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CheckBox #select #管理

本文总结了在【公告管理】模块中使用CheckboxGroup的开发经验，包括如何动态生成checkboxgroup的items，从后台获取的list转化为json串作为value，特别是如何设置默认选中状态和实现全选功能。关键在于利用Ext.getCmp设置每个checkbox的值，并通过'select'+i生成唯一的item id。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

checkboxgroup的使用

动态生成checkboxfgroup中的item项

（1）定义checkboxgroup控件

  {
       xtype: 'checkboxgroup',
       name: 'sendToOrgans',
       id: 'sendToOrgans',
       width: 80,  //宽度220
       columns: 5,  //在上面定义的宽度上展示3列
         fieldLabel: "选择单位<span style='color:red'>*</span>"

  },

（2）动态生成Items

 for(var i=0; i<value[3].length;i++){
    var checkbox = new Ext.form.Checkbox({boxLabel: value[3][i].organName,
                name: 'bulletin.sendToOrgans',inputValue:value[3][i].organCode,id:'select'+i,labelAlign:'right',anchor:"20%"});
    so.items.add(checkbox);
 }

其中value为从后台传过来的list转化成的json串,其中value[3]为实体的List.

(3)动态设置默认选择

var ids=[];
    ids=names.split(", ");
    var cbitems = Ext.getCmp("sendToOrgans").ite

最低0.47元/天解锁文章

200万优质内容无限畅学