当前位置:  编程技术>jquery

Extjs4实例:Form下拉列表combobox remot模式

    来源: 互联网  发布时间:2014-09-03

    本文导语:  本节内容: Extjs4 Form下拉列表combobox remot模式 例子:   代码示例: Ext.onReady(function(){      Ext.QuickTips.init();      //部门类      Ext.define("department",{          extend:'Ext.data.Model',          fields:[          ...

本节内容:
Extjs4 Form下拉列表combobox remot模式

例子:
 

代码示例:
Ext.onReady(function(){ 
    Ext.QuickTips.init(); 
    //部门类 
    Ext.define("department",{ 
        extend:'Ext.data.Model', 
        fields:[ 
            {name:'name'}, 
            {name:'id'}, 
            {name:'c'} 
        ] 
    }); 
    var st = Ext.create("Ext.data.Store",{ 
        model:'department', 
        pageSize:4,//分页,需要前后台结合 
        proxy:{ 
            type:'ajax', 
            url:'/extjs/extjs!getComboBox.action' 
        } 
    }); 
    Ext.create("Ext.form.Panel",{ 
        title:'本地combobox实例', 
        renderTo:'formDemo', 
        bodyPadding:'5 5 5 5', 
        height:100, 
        width:470, 
        frame:true, 
        defaults:{ // www.
            labelSeparator :": ", 
            labelWidth : 70, 
            width : 300, 
            allowBlank: false, 
            msgTarget : 'side', 
            labelAlign:'left', 
            pageSize:4 
        }, 
        items:[{ 
            xtype:'combobox', 
            listConfig:{//控制下拉列表的样式 
                emptyText:'没有找到匹配的数值', 
                maxHeight:200, 
                getInnerTpl :function(){//模板 
                    return "
{name}.{id}
"; 
                } 
            }, 
            fieldLabel:'城市', 
            name:'post', 
            queryMode:'remot',//[local|remot] 
            store:st, 
            valueField:"id", 
            minChars:1,//最少输入字符 
            triggerAction :'all', 
            queryDelay : 400, 
            queryParam:'whereSql', 
            multiSelect:true,//允许多选 
            displayField :'name' 
        }] 
    }); 
}); 

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Extjs4中表单登录功能、登录成功跳转页面的代码
  • Extjs4 Form之文件上传filefield的例子


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3