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

在下拉框中有一个Tpl模板,如何在加一个分页工具栏

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',
                 500,
                labelWidth: 130,
                store: store,
                queryMode: 'local',
                listConfig: {
                    getInnerTpl: function() {
                        return '<div data-qtip="{name}. {slogan}">{name} ({abbr})</div>';
                    }
                }
            });
        });
原文地址:https://www.cnblogs.com/webu/p/2728183.html