0

我们正在使用 tomcat 6.0.36 并尝试做简单的复选框示例,但复选框未呈现其余一切正常

所有文本都正确呈现,我创建了一些带有选项卡、表单和网格的页面,所有页面都呈现,除了其中的复选框。

Ext.onReady(function() {
  Ext.QuickTips.init();

var fsf = Ext.create('Ext.form.Panel', {
    url:'save-form.php',
    frame:true,
    title: 'Simple Form with FieldSets',
    bodyStyle:'padding:5px 5px 0',
    width: 350,
    fieldDefaults: {
    msgTarget: 'side',
    labelWidth: 75
    },
    defaults: {
    anchor: '100%'
    },

    items: [{
    xtype:'fieldset',
    checkboxToggle:true,
    title: 'User Information',
    defaultType: 'textfield',
    collapsed: true,
    layout: 'anchor',
    defaults: {
        anchor: '100%'
    },
    items :[{
        fieldLabel: 'First Name',
        name: 'first',
        allowBlank:false
    },{
        fieldLabel: 'Last Name',
        name: 'last'
    },{
        fieldLabel: 'Company',
        name: 'company'
    }, {
        fieldLabel: 'Email',
        name: 'email',
        vtype:'email'
    }]
    },{
    xtype:'fieldset',
    title: 'Phone Number',
    collapsible: true,
    defaultType: 'textfield',
    layout: 'anchor',
    defaults: {
        anchor: '100%'
    },
    items :[{
        fieldLabel: 'Home',
        name: 'home',
        value: '(888) 555-1212'
    },{
        fieldLabel: 'Business',
        name: 'business'
    },{
        fieldLabel: 'Mobile',
        name: 'mobile'
    },{
        fieldLabel: 'Fax',
        name: 'fax'
    }]
    }],

    buttons: [{
    text: 'Save'
    },{
    text: 'Cancel'
    }],
    renderTo: 'build-dynaForm'
})
});

提前致谢

拉吉

4

1 回答 1

0

在您的表单上没有复选框。如果添加它们,它们将显示:

    {
        fieldLabel: 'Checkbox',
        xtype: 'checkbox',
        name: 'name1'
    },{
        fieldLabel: 'Checkbox',
        xtype: 'checkbox',
        name: 'name2'
    },{
        fieldLabel: 'Checkbox',
        xtype: 'checkbox',
        name: 'name3'
    }

http://jsfiddle.net/3FBzM/

于 2013-02-26T19:19:20.280 回答