ExtJs学习资料32Ext.grid.EditorGridPanel远程数据实例

《ExtJs学习资料32Ext.grid.EditorGridPanel远程数据实例》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、ExtJs学习资料—Ext.grid.EditorGridPanel远程数据实例[2021年7月25日星期日]1、引入ExtJs框架文件（存入Global.js文件中）document.write("");document.write("");

2、document.write("");document.write("");2、引入Global.js文件.icon{background

3、:url(../images/1.gif)05pxno-repeat!important}3、效果图=====================================================================================================================4、JS源代码Ext.QuickTips.init();var_store=newExt.data.JsonStore({url:"../ServerFile/ListMoney.asp",root:"record",fiel

4、ds:[{name:"id",type:"int"},"type",{name:"money",type:"int"}],autoLoad:true});var_editType=newExt.form.ComboBox({store:newExt.data.SimpleStore({data:[["支出"],["收入"]],fields:["type"]}),displayField:"type",valueField:"type",hiddenName:"type",triggerAction:"all",editable:false,mode:"local"});

5、var_editMoney=newExt.form.NumberField({minValue:1,maxValue:2000,allowBlank:false});var_column=newExt.grid.ColumnModel([newExt.grid.CheckboxSelectionModel({singleSelect:false,width:25}),newExt.grid.RowNumberer({header:"序号",width:30,sortable:true}),{header:"类型",dataIndex:"type",editor:_edi

6、tType},{header:"金额",dataIndex:"money",editor:_editMoney}]);/**************************************************************************/MoneyGridPanel=Ext.extend(Ext.grid.EditorGridPanel,{//----0typeCombo:null,conn:newExt.data.Connection(),//更新信息连接对象1conn2:newExt.data.Connection(),//插入信息连

7、接对象2inserted:[],iconCls:"icon",第5页/共5页ExtJs学习资料—Ext.grid.EditorGridPanel远程数据实例[2021年7月25日星期日]constructor:function(){//----1this.typeCombo=newExt.form.ComboBox({store:newExt.data.SimpleStore({data:[["支出"],["收入"],["全部"]],fields:["type"]}),width:80,triggerAction:"all",displa