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>';
    }

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

Answer 1

尝试使用Ext.XTemplate

参考customTplCombo

EXTJS Combobox工具提示

1 个答案: