组合框<;Extjs4-空行

组合框<;Extjs4-空行,extjs,combobox,extjs4,Extjs,Combobox,Extjs4,在开始之前,我对我的英语感到抱歉。。我说得不好。。 因此,我对ExtJS4中的组合框有一个问题。。我试图在我的组合框列表中添加一个空行,但它不好。。我的列表中有一个空行,但当我尝试选择它时,我无法。。所以如果有人能帮我或者举个例子,请 Ext.require([ 'Ext.form.*', 'Ext.data.*', 'Ext.tip.QuickTipManager' ]); Ext.onReady(function () { Ext.QuickTips.ini

在开始之前,我对我的英语感到抱歉。。我说得不好。。 因此,我对ExtJS4中的组合框有一个问题。。我试图在我的组合框列表中添加一个空行,但它不好。。我的列表中有一个空行,但当我尝试选择它时,我无法。。所以如果有人能帮我或者举个例子,请

Ext.require([
    'Ext.form.*',
    'Ext.data.*',
    'Ext.tip.QuickTipManager'
]);

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


    var form = Ext.create('Ext.form.Panel', {
        renderTo: 'docbody',
        title: ' ',
        autoHeight: true,
        width: 600,
        bodyPadding: 10,
        defaults: {
            anchor: '100%',
            labelWidth: 100
        },
        items: [{
            xtype: 'fieldcontainer',
            combineErrors: true,
            msgTarget: 'side',
            fieldLabel: ' Name',
            items: [{
                width: 50,
                xtype: 'combo',
                mode: 'local',
                triggerAction: 'all',
                forceSelection: true,
                editable: false,
                selectOnFocus: true,
                name: 'title',
                displayField: 'name',
                valueField: 'value',
                tpl: '<tpl for="."><div class="x-combo-list-item">{name:defaultValue("--")}</div></tpl>',
                queryMode: 'local',
                store: Ext.create('Ext.data.Store', {
                    fields: ['name', 'value'],
                    data: [{
                        name: 'Mvr',
                        value: 'mr'
                    }, {
                        name: 'Mrs',
                        value: 'mrs'
                    }, {
                        name: 'Miss',
                        value: 'miss'
                    }],
                    listeners: {
                        'load': function (store, records, options) {
                            this.insert(0, '--');
                        }
                    }
                })
            }]
        }]

    });
});
Ext.require([
“Ext.form.*”,
“Ext.data.*”,
“Ext.tip.QuickTipManager”
]);
Ext.onReady(函数(){
Ext.QuickTips.init();
var form=Ext.create('Ext.form.Panel'{
renderTo:“docbody”,
标题:“”,
自动高度:正确,
宽度:600,
车身衬垫:10,
默认值:{
主播:100%,
标签宽度:100
},
项目:[{
xtype:'fieldcontainer',
组合错误:是的,
msgTarget:'侧面',
fieldLabel:'名称',
项目:[{
宽度:50,
xtype:'组合',
模式:“本地”,
触发动作:“全部”,
选择:对,
可编辑:false,
selectOnFocus:true,
姓名:'头衔',
displayField:'名称',
valueField:'值',
tpl:“{name:defaultValue(“”)}”,
queryMode:'本地',
存储:Ext.create('Ext.data.store'{
字段:['name','value'],
数据:[{
名称:“Mvr”,
价值观:“先生”
}, {
姓名:'夫人',
价值:'夫人'
}, {
姓名:'小姐',
价值:“小姐”
}],
听众:{
“加载”:函数(存储、记录、选项){
本条。插入(0,“--”);
}
}
})
}]
}]
});
});

除非将记录添加到存储中会破坏程序逻辑中的其他内容,否则我建议这样做并删除模板

外部要求([ “外部表格”, “外部数据。”, “Ext.tip.QuickTipManager” ]);

Ext.onReady(函数(){
Ext.QuickTips.init();
var form=Ext.create('Ext.form.Panel'{
renderTo:Ext.getBody(),
标题:“”,
自动高度:正确,
宽度:600,
车身衬垫:10,
默认值:{
主播:100%,
标签宽度:100
},
项目:[
{
xtype:'fieldcontainer',
组合错误:是的,
msgTarget:'侧面',
fieldLabel:'名称',
项目:[
{
宽度:50,
xtype:'组合',
模式:“本地”,
触发动作:“全部”,
选择:对,
可编辑:false,
selectOnFocus:true,
姓名:'头衔',
displayField:'名称',
valueField:'值',
//tpl:“{name:defaultValue(“”)}”,
queryMode:'本地',
存储:Ext.create('Ext.data.store'{
字段:['name','value'],
数据:[
{name:'Mr',value:'Mr'},
{name:'Mrs',value:'Mrs'},
{name:'Miss',value:'Miss'}
],
听众:
{
“加载”:函数(存储、记录、选项){
add({name:'--',value:null});
}}
})
}
]
}
]
});
});​
Ext.onReady(function() {
Ext.QuickTips.init();


  var form = Ext.create('Ext.form.Panel', {
    renderTo: Ext.getBody(),
    title   : ' ',
    autoHeight: true,
    width   : 600,
    bodyPadding: 10,
    defaults: {
        anchor: '100%',
        labelWidth: 100
    },
    items   : [
                {
                    xtype : 'fieldcontainer',
                    combineErrors: true,
                    msgTarget: 'side',
                    fieldLabel: ' Name',
                    items : [
                        {
                            width:          50,
                            xtype:          'combo',
                            mode:           'local',
                            triggerAction:  'all',
                            forceSelection: true,
                            editable:       false,
                             selectOnFocus : true,
                            name:           'title',
                            displayField:   'name',
                            valueField:     'value',
                            //tpl: '<tpl for="."><div class="x-combo-list-item">{name:defaultValue("--")}</div></tpl>',
                            queryMode: 'local',
                            store:          Ext.create('Ext.data.Store', {
                                fields : ['name', 'value'],
                                data   : [
                                    {name : 'Mr',   value: 'mr'},
                                    {name : 'Mrs',  value: 'mrs'},
                                    {name : 'Miss', value: 'miss'}
                                ],
                                listeners :
                                    {
                                    'load' : function (store, records, options) {
                                        store.add({name: '--', value: null});        
                                    }}
                            })
                        }
                    ]
                }
            ]

    });
});​