extjs 动态生成复选框

{
                xtype:'container',
                layout:'column',
                // name:'packingRequireList',
                // width:780,
                margin: '5 5 5 5',
                // padding: '10 5 5 0',
                items:[
                {
                    xtype:'label',
                    text: '包装要求:',
                    // layout: 'column',
                    // bodyPadding: '10 5 5 5',
                    style:{
                        'text-align':'right'
                    },
                    defaultAlign:'right',
                    // fieldDefaults: {
                    //     labelAlign: 'right',
                    //     labelWidth: 170
                    // },
                    width:170,
                    layout: { type: 'hbox', align: 'middle' },
                    dock: 'right',

                },
                {

                    xtype:'container',
                    name:'ckbContainer',
                    layout:'column',
                    // width:780,
                    padding: '0 15 0 70',
                    style: 'border: 1px #c7c7c7 solid;',
                    // border: '1 red solid ',
                    items:[]
                }
                ]
            },

controller:

 showAddWin: function (button) {
        //点击列表上新增按钮是触发
        var addwin = Ext.widget("appointmentAddView");
const store = this.getStore('pickingRequireStore');
        store.proxy.extraParams = {
            paraType:'包装要求'
        };
        // var checkboxesArr = [];
        store.load({
            scope : this,
            callback: function(records, operation, success) {
                debugger
                var cont= addwin.down('[name=ckbContainer]')
                // var cont= addwin.down('[name=ckbContainer2]')
                for(var i=0;i<records.length;i++){
                    cont.add( Ext.create({
                        xtype:'checkbox',
                        margin: '5 10 5 5',
                        name:'packingRequireList',
                        // boxLabel:'test',
                        boxLabel:records[i].data.paraName,
                        inputValue:records[i].data.paraCode
                    }));
                }
            }
        });
    addwin.getViewModel().set('title','新建入库预约单');
    addwin.show();
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值