EXTJS 动态添加Checkbox

原创 2015年11月20日 15:29:24

function test(){   

loadCheckbox();

var ShowConfigFormPanel = Ext.create('Ext.form.Panel', {
                bodyPadding : 5,
                bodyCls : 'formBackground',// 背景色CSS
                width : 300,
                height : 400,
                items : [ListFormItem]
            });   

var ListFormItem = {

            xtype : 'fieldset',
            collapsible : true,// 显示切换展开收缩状态的切换按钮
            layout : {
                type : 'table',
                columns : 2
            },
            items : [{
                     xtype: 'checkboxgroup',
                    id: 'lblName',
                    name: 'checkName',
                    columns: 6,
                    border: true,
                    anchor: '100%'
            }]

        };

}

function loadCheckbox(){
    Ext.Ajax.request({
        url: 'FindList.action',
        success: function (response) {
        //将小站名作为复选框
          var obj = eval("(" + response.responseText + ")");
          var len = obj.relist.length;//注意自己在后台返回的JSON对象,我的是relist,在FireBug打印出response
          if (obj.relist == null || len == 0) {
            return;
          }

          var checkboxgroup = Ext.getCmp("checkName");
          for (var i = 0; i < len; i++) {
            var checkbox = new Ext.form.Checkbox(
              { boxLabel: obj.relist[i].Name,//以名字作为复选框的Label
                name: i
              });
            checkboxgroup.items.add(checkbox);
          }
          SpeedListShowConfigFormPanel.doLayout(); //重新调整版面布局  
        }
      });

}


相关文章推荐

Extjs4.1 checkboxgroup动态生成checkbox 还有 checkbox绑定点击事件

我在网上有找到的 checkbox点击事件 URL:http://blog.csdn.net/jiafugui/article/details/7590330 他的有个bug就是点击文字的时候 会...
  • cwisme
  • cwisme
  • 2012年12月23日 07:26
  • 4490

Jquery 实现动态添加table tr 和删除tr 以及checkbox的全选 和 获取添加TR删除TR后的数据

关于jquery实现动态添加table tr的问题我也不多说了 上面代码很多地方都有注释的  关于返回的 编辑后的table 数据 我这里想说的是我直接把他保存成一个连接起来的字符串了 格式 str...

Extjs中为combo动态的添加“全部”或“”查询项

做项目时,很多的下拉列表值都是从后台获取的,而查询时,用户往往需要提供一个包含suoyou...

Extjs 控制grid、editorgrid动态添加、删除行

1.对Grid进行删除 function() { var _grid = Ext.getCmp("id_of_grid"); var content = _grid.getSele...

Extjs4之动态添加FormPanel

功能实现:点击界面上的按钮实现,动态的在FieldSet中添加Panel,并将动态添加的Panel中包含的值传递给后台。具体实现如下: [csharp] view plain...

Extjs 实现动态添加gridPanel的列和数据

最近几天在我们的.net项目中有一个单据要实现根据用户选择条件动态添加gridPanel的对应列和数据。 以前的页面及数据实现是在页面上直接显示gridPanel控件,并对应一个store。数据则在...

我自己写的关于EXTJS的TreePanel、viewPort和tabPanel动态切换和添加tabpanel的例子

什么也不说直接上代码: var tabPanel; Ext.onReady(function...

ExtJs 4.x 学习小记:动态添加节点到Ext.tree.Panel

实现:页面中有一个表单,输入分类名称,保存成功后,左侧目录树上添加一个新的节点。 jsp代码 ,"././js/cataloginfo.js"为Ext创建表单的脚本 ...
  • bdmh
  • bdmh
  • 2014年03月24日 14:28
  • 8843

extjs在panel中动态添加模板并加载数据

废话不多说,直接上代码: // Ext的panel Ext.define('MyApp.view.misDetailPanel', { extend: 'Ext.panel.Panel', ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:EXTJS 动态添加Checkbox
举报原因:
原因补充:

(最多只允许输入30个字)