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
                        ]//中定义
                    }
                ]
            });
                    
                    
                    
                    
  • 相关阅读:
    How to disable ipv6 in ubuntu
    git 暂存区问题
    linux 自动输入密码脚本避免密码确认
    【Linux学习简记 】数据流重定向<,<<,>,>>,2>,2>>
    【Gradle教程】Gradle 基础入门
    vsftpd配置匿名下载,登录上传
    Thunar左侧边栏不完全显示PLACES的解决
    【Jenkins系列教程】流水线通过SSH方式操作Git仓库
    害你加班的bug就是我写的,记一次升级Jenkins插件引发的加班
    Linux 临时终端连接无线网
  • 原文地址:https://www.cnblogs.com/lz3018/p/4579807.html
Copyright © 2011-2022 走看看