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(); //重新调整版面布局  
        }
      });

}


Extjs中checkbox和radio的使用的小例子

文件:edit.js Ext.define('BOOK.view.Edit', { extend: 'Ext.container.Container', alias : 'widget...
  • liuxiyangyang
  • liuxiyangyang
  • 2013年08月21日 16:46
  • 23769

ExtJs checkbox绑定click事件实现全选

需求在ExtJs中 xtype: checkboxfield和checkbox只封装了change事件监听,而且Ext绑定的事件是基于订阅者模式的,当我们想实现如下的全部选择时,会发生不可避免的冲突这...
  • idomyway
  • idomyway
  • 2017年12月10日 16:25
  • 127

ExtJS——继承CheckboxGroup,添加远程获取item的功能

remote.php index.html
  • u013127751
  • u013127751
  • 2017年03月23日 14:56
  • 279

根据数据库动态创建CheckBox

根据数据库动态创建CheckBox 现在的网页都是越做越活,恨不得所有的网页内容都是动态生成可控制的,当然好处是大大的有,维护好维护,同时也是对用户负责,满足用户不同的需求。当然这么做就是前期代码可...
  • linxi1209163com
  • linxi1209163com
  • 2015年07月31日 21:07
  • 2602

Extjs4之动态添加FormPanel

功能实现:点击界面上的按钮实现,动态的在FieldSet中添加Panel,并将动态添加的Panel中包含的值传递给后台。具体实现如下: [csharp] view plain...
  • yelin042
  • yelin042
  • 2016年12月21日 13:34
  • 1690

Extjs4.2 MVC 动态添加删除组件

例子 :将一个grid添加到一个panel中去 panelExt.define('MyApp.view.MyPanel', { extend: 'Ext.panel.Panel', ...
  • xiaoyan966
  • xiaoyan966
  • 2015年08月27日 12:21
  • 836

Extjs grid checkbox 根据数据初始化选中

背景:根据业务需求,需要在grid里面加载很多数据,再根据每条数据的某个属性确定该条数据是否被选中。 过程:google了一下,发现一个老外提供了下面的方法。 Ext.Ajax.request({ ...
  • fudaxing
  • fudaxing
  • 2014年03月28日 21:12
  • 4115

Extjs4之动态添加FormPanel

功能实现:点击界面上的按钮实现,动态的在FieldSet中添加Panel,并将动态添加的Panel中包含的值传递给后台。具体实现如下: var AddDep = function (item, ...
  • hsg0123_126
  • hsg0123_126
  • 2014年07月30日 11:02
  • 878

extjs中grid中checkbox的用法,ext中grid获取checkbox的值

转自:http://blog.csdn.net/simaweier/article/details/8111923 grid每列前面加checkbox: (我用的而是第一...
  • llwan
  • llwan
  • 2016年05月25日 09:20
  • 4421

ASP.NET 后台动态添加控件(复选框)

用户配置好如下图的复选框,动态
  • XUJIAOlf
  • XUJIAOlf
  • 2014年06月05日 21:59
  • 5063
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:EXTJS 动态添加Checkbox
举报原因:
原因补充:

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