zoukankan      html  css  js  c++  java
  • ExtJs之字段集FieldSet

     //Ext.form.FieldSet扩展自Ext.container.Container。其优点就是把相同字段集中在一起,在外面字段外面加了个线”围住“他们。
           // Ext.QuickTips.init();//使表单结构清晰。
            var f_Pannel = Ext.create('Ext.form.Panel', {
                title: '字段集实例',
                renderTo: Ext.getBody(),
                frame: true,
                400,
                height: 300,
                items: [{
                    xtype: 'fieldset',
                    title: '产品信息',
                    defaults: {
                        labelWidth: 80,
                        labelAlign: 'left',
                        '300',
                               },
                    collapsible: true,
                    bodyPadding: 5,
                    defaultType: 'textfield',
                    items: [
                        { fieldLabel: '产地' },
                    { fieldLabel: '售价' }
                    ]
                },
                    {
                        xtype: 'fieldset',//不是字段对象,labelWidth不会起作用,fieldLabel也不会有作用。
                        title: '产品描述',
                        checkboxToggle:true,//是否显示字段集的复选框,默认为false
                        items: [
                        {
                            xtype: 'textarea', fieldLabel: '简介', labelWidth: 30,
                            200,
                        }//labelWidth必须是放到items中的field(字段)对象中才能使用,因为这些是只有字段对象才拥有的配置项也可以在defaults
                        ]//中定义
                    }
                ]
            });
                    
                    
                    
                    
  • 相关阅读:
    结对-四则运算-最终程序
    结对- 四则运算器-结对项目总结
    课后作业-阅读任务-阅读提问-3
    课后作业-现代软件工程-阅读笔记
    软件工程课程总结
    团队-学生成绩管理一阶段互评
    结对-英文词频检测程序-测试过程
    团队-学生成绩管理-项目进度
    团队-学生成绩管理-模块开发过程
    eclipse下的文件路径问题
  • 原文地址:https://www.cnblogs.com/lz3018/p/4579807.html
Copyright © 2011-2022 走看看