EXTJS 组合框工具提示

Question

我有一个组合框，其数据使用存储从 SQL 数据库填充。我想显示组合框中每个项目的工具提示，这些工具提示也存储在数据库中。那么，我应该如何获得它们。

function loadGENEXTst(full) {

if(GENEXTst == null) {
    GENEXTst = Ext.create('Ext.data.Store', {
        model : 'SimpleModel',
        proxy : {
            type : 'ajax',
            url : 'data/Extensions.aspx',
            reader : {
                type : 'json',
                root : 'Rows',
                totalProperty : 'TotalRows'
            },
            actionMethods : {
                create : 'POST',
                read : 'POST'
            },
            extraParams : {
                mode : 'GENERICLIST',
                start : 0,
                limit : SYSTEM.listLimit
            }
        },
        autoLoad : false
    });
} else {
    delete GENEXTst.lastParams
}

if(full) {
    GENEXTst.proxy.extraParams.mode = 'FULLLIST';
} else {
    GENEXTst.proxy.extraParams.mode = 'GENERICLIST';
}

GENEXTst.proxy.extraParams.ProjDB = SYSTEM.iSecure;

GENEXTst.load();

}

aspx 文件又具有调用存储过程来填充组合框的函数。那么，如何填充组合框中每个项目的工具提示？

我的模型如下：

Ext.define('SimpleModel', {
extend : 'Ext.data.Model',
fields : ['itemID', 'Title', 'Short', 'Type', 'isActive', 'TotalRows']
});

那么，下面的代码正确吗？

getInnerTpl:function(){
        return '<div data-qtip="{Short}">{Title}</div>';
    }

字段简短包含工具提示，字段标题包含组合框列表。

Answer 1

您可以尝试使用Ext.XTemplate并参考customTplCombo