zoukankan      html  css  js  c++  java
  • EXTJS 4.2 资料 控件之checkboxgroup的用法(静态数据)

    1.页面

    1.1点击‘横幅’,需要动态显示隐藏文本框

     {
                     xtype: 'fieldset', title: '指定附加图&横幅设置', collapsible: true,
                     items: [
                            {
                                xtype: 'container',
                                layout: 'hbox',
                                flex: 1,
                                items: [{
                                    xtype: 'checkboxgroup',
                                    fieldLabel: '指定附加图',
                                     100, flex: 1,
                                    columns: 1,
                                    vertical: true,
                                    id: 'picType',
                                    items: [
                                       { boxLabel: '略图', name: 'thumbed', inputValue: 'thumb', checked: true },
                                       { boxLabel: '图标', name: 'iconed', inputValue: 'icon', },
                                       {
                                           boxLabel: '横幅', name: 'bannered', inputValue: 'banner', listeners: {
                                               change: function (cb, nv, ov) {
                                                   if (cb.getValue() == true) {
                                                       Ext.getCmp('banner').show();
                                                   }
                                                   else {
                                                       Ext.getCmp('banner').hide();
                                                   }
                                               }
                                           }
                                       }
                                    ]
                                }
                                ]
                            }, {
                                xtype: 'container',
                                id: 'banner',
                                hidden: true,
                                flex: 1,
                                layout: 'anchor',
                                defaultType: 'textfield',
                                items: [{
                                    fieldLabel: '宽',
                                    afterLabelTextTpl: required,
                                    allowBlank: false,
                                    name: 'BannerWidth',
                                    anchor: '50%'
                                }, {
                                    fieldLabel: '高',
                                    afterLabelTextTpl: required,
                                    allowBlank: false,
                                    name: 'BannerHeight',
                                    anchor: '50%'
                                }]
                            }
    
                     ]
                 },

    2.取值

                //----------------获取选中是否true、false 开始-----------------
                var thumbed = dataViewPanel_Right.form.findField('thumbed').getValue();//获取选中是否true、false
                var iconed = dataViewPanel_Right.form.findField('iconed').getValue();//获取选中是否true、false
                var bannered = dataViewPanel_Right.form.findField('bannered').getValue();//获取选中是否true、false
                //----------------获取选中是否true、false 结束-----------------
    
                //----------------获取选中的checkbox值 开始-----------------
                var chkLableValue = Ext.getCmp('picType').getChecked();
                var lblValue = [];
                Ext.Array.each(chkLableValue, function (item) {
                    lblValue.push(item.inputValue);
                });
                //----------------获取选中的checkbox值 结束-----------------
                alert(lblValue);
  • 相关阅读:
    PHPStorm 2018 的安装 汉化 与使用
    aptana怎么显示空格 tab和回车等
    学习linux—— VMware 安装 ubantu 18 如何连接wifi
    [转]MAC系统下Sublime Text3 配置Python3详细教程(亲测有效)
    如何利用sql 读取辅表的最大max 和第二最大max。。。。
    利用PHPExcel导出excel 以及利用js导出excel
    yii2.0如何优化路由
    教女朋友写第一个php,php环境配置
    js 删除数组中的某一个内容
    vue 路由守卫是否携带token
  • 原文地址:https://www.cnblogs.com/foreverfendou/p/4283478.html
Copyright © 2011-2022 走看看