1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title></title>
- <link href="../../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet"
- type="text/css" />
- <script src="../../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
- <script src="../../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
- <script src="../../../lib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script>
- <script src="../../../lib/ligerUI/js/plugins/ligerSpinner.js" type="text/javascript"></script>
- <script src="../../../lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
- <script src="../TreeData.js" type="text/javascript"></script>
- <script type="text/javascript">
-
- function f_renderAmount(rowdata, index, value)
- {
- if (!this.hasChildren(rowdata))
- {
- return value;
- }
- else
- {
- var children = this.getChildren(rowdata, true);
- var sum = 0;
- for (var i = 0, l = children.length; i < l; i++)
- {
- sum += children[i].amount || 0;
- }
- return sum;
- }
- }
- var manager;
- $(function ()
- {
- manager = $("#maingrid").ligerGrid({
- columns: [
- { display: '标示', name: 'id', width: 250, type: 'int', align: 'left' },
- { display: '金额', name: 'amount', width: 250, align: 'left', render: f_renderAmount, editor: { type: 'int'} }
- ], width: '100%', pageSizeOptions: [5, 10, 15, 20], height: '97%',
- data: TreeData, alternatingRow: false, tree: { columnName: 'id' },
- enabledEdit: true
- });
- manager.bind('beforeEdit', function (e)
- {
- if (this.hasChildren(e.record)) return false;
- else return true;
- });
- });
- function getParent()
- {
- var row = manager.getParent(manager.getSelectedRow());
- alert(JSON.stringify(row));
- }
- function getSelected()
- {
- var row = manager.getSelectedRow();
- if (!row) { alert('请选择行'); return; }
- alert(JSON.stringify(row));
- }
- function getData()
- {
- var data = manager.getData();
- alert(JSON.stringify(data));
- }
- function hasChildren()
- {
- var row = manager.getSelectedRowObj();
- alert(manager.hasChildren(row));
- }
- function isLeaf()
- {
- var row = manager.getSelectedRowObj();
- alert(manager.isLeaf(row));
- }
-
- </script>
- </head>
- <body style="padding: 4px">
-
-
- <div id="maingrid">
- </div>
- </body>
- </html>
|