可编辑网格 ExtJS,如何在编辑网格上的行后更新数据库中的行
2014-01-07
7039
首先,抱歉我的英语不是很好!
我需要做下一件事:ExtJS 3.4 可编辑网格( 示例 ),它将使用 json 格式。输入源是 json 格式。我做到了,一切正常,就像示例中一样。
我做到了:
- 数据从数据库下载到 php 中的数组
- 数组被编码为 json 格式
- 可编辑网格源是一个带有 json 消息的页面,现在一切正常。
现在我需要做这个:我需要在网格中更新单元格时更新数据库中的数据。
我该怎么做?在网上找不到任何东西。
也许有一些像delphi7中的'OnCellEditting'这样的方法?
我的js代码:
Ext.onReady(function () {
function formatDate(value) {
return value ? value.dateFormat('M d, Y') : '';
}
// shorthand alias
var fm = Ext.form;
// the column model has information about grid columns
// dataIndex maps the column to the specific data field in
// the data store (created below)
var cm = new Ext.grid.ColumnModel({
// specify any defaults for each column
defaults: {
sortable: false // columns are not sortable by default
},
columns: [{
header: 'ID',
dataIndex: 'id',
width: 30
}, {
id: 'firstname',
header: 'Firstname',
dataIndex: 'firstname',
width: 220,
// use shorthand alias defined above
editor: new fm.TextField({
allowBlank: false
})
}, {
header: 'Lastname',
dataIndex: 'lastname',
width: 220,
// use shorthand alias defined above
editor: new fm.TextField({
allowBlank: false
})
}]
});
// create the Data Store
var store = new Ext.data.JsonStore({
totalProperty: 'total', // total data, see json output
root: 'results', // see json output
url: '/grid/json',
fields: [
'firstname', 'lastname']
});
// create the editor grid
var grid = new Ext.grid.EditorGridPanel({
store: store,
cm: cm,
renderTo: 'grid-editable',
width: 440,
height: 300,
autoExpandColumn: 'firstname', // column with this id will be expanded
title: 'Edit Plants?',
frame: true,
clicksToEdit: 1
});
// manually trigger the data store load
store.load({
// store loading is asynchronous, use a load listener or callback to handle results
});
});
1个回答
Darin Kolev
2014-01-08