UNPKG

kero

Version:
84 lines (81 loc) 3.7 kB
<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>&lt;div id="gridTest1" u-meta='{"id":"grid1","data":"dataTable","type":"grid","multiSelect":true,"editable":true,"onBeforeClickFun":"onBeforeClickFun1"}'> &lt;div options='{"field":"name","dataType":"String","title":"名","editType":"string","sortable":true,"canSwap":true,"editOptions":{"validType":"string","maxLength":6}}'>&lt;/div> &lt;div options='{"field":"surname","dataType":"String","title":"姓氏","editType":"string" ,"renderType":"timeRender","sortable":true,"editOptions":{"validType":"string","required":true}}'>&lt;/div> &lt;div options='{"field":"currency","dataType":"String","title":"余额","editType":"float","editOptions":{"validType":"float","precision":"3","max":10000},"sumCol":true}'>&lt;/div> &lt;/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>