Extjs 4.x 为GridPanel动态添加一行数据

Extjs 4.x 为GridPanel动态添加一行数据,第1张

//声明对应grid的Record对象

var ItemRecord = Ext.data.Record.create([

{name:'itemid'},

{name:'itemcode'},

{name:'itemname'},

{name:'price'},

{name:'mark'}

])

//点新增按钮时则执行类似如下函数

function addNewLine2Grid(grid){

var rec = new ItemRecord({ //实例化Record对象,并赋予各字段初始值

'itemid': 0,

'itemcode': '',

'itemname': '',

'price': 0.00,

'mark': ''

})

grid.store.insert(grid.store.getCount(), rec) //插入新行作为grid最后一行

grid.getView().refresh()//刷新

//grid.plugins[1].startEditing(grid.store.getCount()-1,4)//编辑最后一行第4列

}

只要把store改下就可以如:

var Store = Ext.create('Ext.data.Store', {

pageSize: 20,

model: 'ContViewer.authWordsModel',

remoteSort: false,

proxy: {

type: 'ajax',

url: '<c:url value="/getList/json"/>',

reader: {

root: 'root',

totalProperty: 'count'

}

}

})

Store.load({params:{start: 0, limit: 20}})

其中getList/json是服务端的action地址。

var query = new Ext.Button({

iconCls:'query',

text:"查询",

handler:function(){

var combo = tbar.findByType("combo")[0] //寻找tbar下的comboBox

var baseParams={

queryFwqid:combo.getValue()==""?0:combo.getValue(),

startTime:startTime.getRawValue(),

endTime:endTime.getRawValue()

}

Ext.apply(this.baseParams, baseParams)

store.load({

params:{

start:0,limit:20

}

})

}

})

查询的时候 还是用grid定义store时一开始的url 只不过点击查询时 向后台带参数了而已


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11671597.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存