4

私はこのメニューを持っています:

items:[      
{
    xtype: 'form',
    id: 'searchPanel',
    title: 'Search',
    collapsible: true,
    bodyPadding: 10,
    height: 210,
    buttonAlign: 'left',
    defaults: {
        width: 400,
        labelWidth: 120,
        allowBlank: true,
        enableKeyEvents: true        
    },
    layout: {
        type: 'table',
        columns: 2
    },
    items: [
        {
            xtype: 'textfield',
            name: 'txtFltrSiteName',
            fieldLabel: 'Site name or alias',
            id: 'txtFltrSiteName'
        },

        {
            xtype: 'textfield',
            name: 'txtDiskCost',
            fieldLabel: 'Disk cost',
            id: 'txtDiskCost',
            style: 'margin-left: 100px;'
        },

        {
            xtype: 'textfield',
            name: 'txtFltrProjectName',
            fieldLabel: 'Project name',
            id: 'txtFltrProjectName'
        },

       // many other fields  

また、チャックボックスとテキストフィールドの幅が異なるため、見栄えが悪くなります。
したがって、質問は次のとおりです。このフォームで
空にする方法は? たとえば、6〜2個のアイテムが必要です。<td>

----------
| 1 | 1 |
| 2 | 2 |
| 3 | |
| 4 | |
| ..etc ... |
----------
4

2 に答える 2

4

非表示の入力を行うだけです。このような:

{
    xtype: 'hidden',
    name: 'hidden1',
    id: 'hidden1'
},

これにより<td>列が作成されますが、空になり、hidden入力されます。

于 2012-12-03T07:26:09.020 に答える
0

これがより良いものです:

{
  xtype : 'label',
  text  : '',
  labelSeparator: ''
}
于 2013-08-16T00:39:56.947 に答える