kero
Version:
84 lines (81 loc) • 3.7 kB
Plain Text
<div class="example-content"><div id="gridTest1" u-meta='{"id":"grid1","data":"dataTable","type":"grid","multiSelect":true,"editable":true,"onBeforeClickFun":"onBeforeClickFun1"}'>
<div options='{"field":"name","dataType":"String","title":"名","editType":"string","sortable":true,"canSwap":true,"editOptions":{"validType":"string","maxLength":6}}'></div>
<div options='{"field":"surname","dataType":"String","title":"姓氏","editType":"string" ,"renderType":"timeRender","sortable":true,"editOptions":{"validType":"string","required":true}}'></div>
<div options='{"field":"currency","dataType":"String","title":"余额","editType":"float","editOptions":{"validType":"float","precision":"3","max":10000},"sumCol":true}'></div>
</div></div>
<div class="example-content ex-hide"><script>$(document).ready(function () {
// ����viewModel,����dataTable�Լ�grid��ʹ�õ�function����
viewModel = {
dataTable: new u.DataTable({
meta: {
"name": "",
"surname":"",
"currency": ""
}
}),
// ����������֮ǰ�������¼�
onBeforeClickFun1:function(obj){
obj.gridObj.setGridEditType('default');
return true;
},
}
// ����APP
app = u.createApp({
el: 'body',
model: viewModel
});
// �������ݵ�dataTable��
var data = [{
"name": "Teagan",
"surname": "Prohaska",
"currency": "200"
}, {
"name": "Andy",
"surname": "Gaylord",
"currency": "300"
}]
viewModel.dataTable.removeAllRows();
viewModel.dataTable.setSimpleData(data);
});
</script></div>
<div class="examples-code"><pre><code><div id="gridTest1" u-meta='{"id":"grid1","data":"dataTable","type":"grid","multiSelect":true,"editable":true,"onBeforeClickFun":"onBeforeClickFun1"}'>
<div options='{"field":"name","dataType":"String","title":"名","editType":"string","sortable":true,"canSwap":true,"editOptions":{"validType":"string","maxLength":6}}'></div>
<div options='{"field":"surname","dataType":"String","title":"姓氏","editType":"string" ,"renderType":"timeRender","sortable":true,"editOptions":{"validType":"string","required":true}}'></div>
<div options='{"field":"currency","dataType":"String","title":"余额","editType":"float","editOptions":{"validType":"float","precision":"3","max":10000},"sumCol":true}'></div>
</div></code></pre>
</div>
<div class="examples-code"><pre><code>$(document).ready(function () {
// ����viewModel,����dataTable�Լ�grid��ʹ�õ�function����
viewModel = {
dataTable: new u.DataTable({
meta: {
"name": "",
"surname":"",
"currency": ""
}
}),
// ����������֮ǰ�������¼�
onBeforeClickFun1:function(obj){
obj.gridObj.setGridEditType('default');
return true;
},
}
// ����APP
app = u.createApp({
el: 'body',
model: viewModel
});
// �������ݵ�dataTable��
var data = [{
"name": "Teagan",
"surname": "Prohaska",
"currency": "200"
}, {
"name": "Andy",
"surname": "Gaylord",
"currency": "300"
}]
viewModel.dataTable.removeAllRows();
viewModel.dataTable.setSimpleData(data);
});</code></pre>
</div>