dojoのDatagridの簡単なテンプレートは次のとおりです。私は、もっと複雑なもののためにそれを構築しています。
たとえば、同じ行のfield1のonChangeイベントに基づいてfield2の値を更新するにはどうすればよいですか?field1の値をfield2にコピーするのと同じです。問題は、特定のセルのIDがないこと、レイアウトの下にonChangeを配置すること、またはaddRow()の両方が正しくないように見えること、およびonChange:function(){...}を使用できないことです。
/*set up data store*/
var data = {
identifier: "id",
items: []
};
var store = new dojo.data.ItemFileWriteStore({data: data});
/*set up layout*/
var layout = [
defaultCell: {
editable: true,
type: dojox.grid.cells._Widget
}
rows: [
{name: 'ID', field: 'id', width: '30px', widgetClass: dijit.form.TextBox, editable: false},
{name: 'ColA', field: 'field1', width: '100px', widgetClass: dijit.form.TextBox},
{name: 'ColB', field: 'field2', width: '100px', widgetClass: dijit.form.TextBox}
]
];
/*create a new grid*/
var grid = new dojox.grid.DataGrid({
id: 'grid',
store: store,
structure: layout,
singleClickEdit: true,
rowSelector: '15px'});
/*append the new grid to the div*/
grid.placeAt("gridDiv");
/*Call startup() to render the grid*/
grid.startup();
function addRow(){
store.newItem({
id: grid.rowCount,
field1: '-',
field2: '-'});
grid.render();
}