骑驴快跑
2012-09-24 11:10
浏览 282
已采纳

ExtJS4.x 如何在Tpl模板中添加分页控件

如题:
在下拉框中有一个Tpl模板,如何在加一个分页工具栏
[code="java"]
Ext.require([
'Ext.form.field.ComboBox',
'Ext.form.FieldSet',
'Ext.tip.QuickTipManager',
'Ext.data.*'
]);

    // The data for all states
    var states = [
        {"abbr":"AL","name":"Alabama","slogan":"The Heart of Dixie"},
        {"abbr":"AK","name":"Alaska","slogan":"The Land of the Midnight Sun"},
        {"abbr":"AZ","name":"Arizona","slogan":"The Grand Canyon State"}
    ];

    Ext.onReady(function(){

        // Define the model for a State
        Ext.regModel('State', {
            fields: [
                {type: 'string', name: 'abbr'},
                {type: 'string', name: 'name'},
                {type: 'string', name: 'slogan'}
            ]
        });

        // The data store holding the states
        var store = Ext.create('Ext.data.Store', {
            model: 'State',
            data: states
        });

        // ComboBox with a custom item template
        var customTplCombo = Ext.create('Ext.form.field.ComboBox', {
            fieldLabel: 'Select a single state',
            renderTo: 'customTplCombo',
            displayField: 'name',
            width: 500,
            labelWidth: 130,
            store: store,
            queryMode: 'local',
            listConfig: {
                getInnerTpl: function() {
                    return '<div data-qtip="{name}. {slogan}">{name} ({abbr})</div>';
                }
            }
        });
    });

[/code]

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

相关推荐 更多相似问题