骑驴快跑 2012-09-24 11:10 采纳率: 0%
浏览 286
已采纳

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条回答 默认 最新

  • FangXingXing007 2012-09-24 12:54
    关注

    参考下这篇文章[url]Extjs 下拉ComboBox分页,图片,多行显示http://www.cnblogs.com/KimhillZhang/archive/2012/04/03/2430829.html[/url]

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵