如何在Ext.data.JsonStore上添加mouseover事件?

时间:2014-12-12 14:09:43

标签: java javascript jquery json extjs

我遇到了一个问题,即在Ext.form.ComboBox中通过在beforequery侦听器中进行ajax调用然后填充JSON对象ABCD.data.TitleSuggest来显示数据。

    var titleEditCombo = new Ext.form.ComboBox({
    store: ABCD.data.TitleSuggest,
    displayField: 'for_display', emptyText:'Please type a title',
    lazyRender:true, typeAhead:false, forceSelection:true, selectOnFocus:true, autoSelect:false, resizable:true,
    triggerAction: 'all', mode: 'remote', minChars:3, queryDelay:750, listWidth:550, listClass:'ab-combo-title',
    listEmptyText: 'No titles found',
    listeners: {
        beforequery: beforeTitleComboQuery,
        select:Portlet.onTitleSelect
    }

});

现在,这个JSON商店使用use load事件处理数据,然后使用ABCP.templates.tpl_title.apply进行调度。

ABCD.data.TitleSuggest = new Ext.data.JsonStore({
root:'XYZ',
totalProperty :'XYX',
fields: [
    {name:'xxx',        mapping:'xxx'},
    {name:'yyy',            mapping:'yyy'},
    {name:'for_display',        mapping:'for_display'}
],
baseParams: {"start":1, "limit":2, "titleTypes": [""]},
url: ABCP.Url.SuggestTitles,
listeners: {
    load: function(oStore, ayRecords, oOptions){
        oStore.each(function(){

            this.set('for_display', ABCP.templates.tpl_title.apply([
                this.xxx,
                this.yyy
            ]));

        });

    },

}
});

我想显示一些关于鼠标悬停在组合框中显示的值xxx和yyy的附加数据(使用json store设置值,我们应该修改商店以包含一些额外的字段)。我无法在已显示的值xxx和yyy上提供此鼠标悬停功能。 商店中的这些新值应该鼠标悬停在现有值上。

请帮助我们,我无法为组合框中显示的特定数据添加鼠标悬停事件。

我希望我的问题很明确吗?

1 个答案:

答案 0 :(得分:0)

要让Ext.ComboBox正常工作,您需要定义' valueField '这是一个强制/必需的配置,我不会在配置。

如果定义' valueField'请提供更多详细信息或sencha fiddle code。不起作用。

enter image description here