zoukankan      html  css  js  c++  java
  • Extjs2.0之横向Radio经典布局(转)

    最近在做项目的时候遇到这一个问题,找到这样的例子。

    经过测试,上面这样的radio横向布局是可以做到的,关键是采用table的layout及radio行的isFormField设置为 true,设置isFormField这点尤其重要,因为panel默认不是属于FormField的,因此即使设置了fieldLabel属性也不不会 显示label。

    生成此window的js如下:

    (new Ext.Window(...{
    id: 'hall_addPrjWindow',
    title: 'title',
    layout:'fit',
    500,
    height: 300,
    buttonAlign: 'center',
    closeAction: 'hide',
    modal: true,
    items:[...{
    xtype: 'form',
    400,
    frame: true,
    defaultType: 'textfield',
    items:[...{
    id: 'prjNm',
    fieldLabel: '项目名称',
    name: 'prjNm',
    value: ''
    },...{
    xtype: 'panel',
    layout: 'table',
    fieldLabel: '项目权限',
    defaultType: 'radio',
    isFormField: true,
    items: [...{
    name: 'prjPermissionCode',
    boxLabel: '自由进入',
    value: ''
    },...{
    name: 'prjPermissionCode',
    boxLabel: '需要验证',
    value: ''
    }]
    },...{
    id: 'prjStartupDate',
    fieldLabel: '预计启动日期',
    name: 'prjStartupDate',
    value: ''
    }]
    }],
    buttons:[...{
    text: '建立新项目',
    handler: function()...{

    }
    }]
    })).show();
  • 相关阅读:
    P2523 [HAOI2011]Problem c
    P2518 [HAOI2010]计数
    P2513 [HAOI2009]逆序对数列
    P2519 [HAOI2011]problem a
    P5020 货币系统
    P2580 于是他错误的点名开始了(Trie)
    P3805 【模板】manacher算法
    基础
    白兔的字符串(hash入门)
    ACM的分类训练题集(转载)
  • 原文地址:https://www.cnblogs.com/chillsrc/p/1234099.html
Copyright © 2011-2022 走看看