ext 扩展组件

 学习ext有一段时间了

刚开始的时候总觉得自己就是在堆代码

根本不会管理自己的js代码

不过也是苦于没有好的参考实例

 

闲话不多说，下面是extend封装的一个combobox，

我的combobox的功能为保存数据库中的 《主键，列值》----><key,value>

 

Ext.ux.define.myCombo = Ext.extend(Ext.form.ComboBox, { editable : true, displayField : 'value', valueField : 'key', typeAhead : true, width : 100, mode : 'remote', triggerAction : 'all', minChars : 3, queryDelay : 300, queryParam : 'info', selectOnFocus : true, requestAction : 'undifined', columns : 'undifined', initComponent : function(){ var requestAction = this.requestAction;//'goodscolumnsgoodsbreed.action'; var columns = this.columns;//'goodsbreed'; //Ext.MessageBox.alert('show',requestAction + '||'+ columns);requestAction : 'goodscolumnsgoodsbreed.action',columns : 'goodsbreed' if(columns != 'undifined' && requestAction != 'undifined') { var store = new Ext.data.Store({ autoLoad : false, reader : new Ext.data.XmlReader({ totalRecords : 'total', record : 'QueryMap', id : 'key' }, Ext.data.Record.create([ {name : 'key'}, {name : 'value'} ]) ), proxy : new Ext.data.HttpProxy({ url : requestAction + '?columns='+columns }) }); store.load({ params : {start : 0 , limit : 20} }); this.store = store; } } }); Ext.reg('myCombo',Ext.ux.define.myCombo);

 

 

使用：

 

{xtype : 'myCombo',id : 'cool',name : 'myCombo',requestAction : 'goodscolumnsgoodsbreed.action',columns : 'goodsbreed'}

requestAction ：为你自己定义的请求地址

columns ： 为需要查询的列名称

后台返回的信息为xml数据

<List>

<total>***<total>  ///主要是为了来分页显示

<QueryMap>

       <key></key>

       <value></value>

</QueryMap>

<QueryMap>

       <key></key>

       <value></value>

</QueryMap>

<QueryMap>

       <key></key>

       <value></value>

</QueryMap>

<QueryMap>

       <key></key>

       <value></value>

</QueryMap>

</List>