draggable.htm 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title></title>
  5. <link href="../../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  6. <script src="../../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  7. <script src="../../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  8. <script src="../../../lib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script>
  9. <script src="../../../lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script> <script src="../../../lib/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
  10. <script src="../TreeDeptData.js" type="text/javascript"></script>
  11. <script type="text/javascript">
  12. var manager;
  13. $(function ()
  14. {window['g']=
  15. manager = $("#maingrid").ligerGrid({
  16. columns: [
  17. { display: '部门名', name: 'name', width: 250, align: 'left' },
  18. { display: '部门标示', name: 'id', id:'id1',width: 250, type: 'int', align: 'left' },
  19. { display: '部门描述', name: 'remark', width: 250, align: 'left' }
  20. ], width: '100%', pageSizeOptions: [5, 10, 15, 20], height: '97%',
  21. allowHideColumn: false, rownumbers: true, colDraggable: true, rowDraggable: true,checkbox:true,
  22. data: TreeDeptData, alternatingRow: false, tree: { columnName: 'name' }
  23. }
  24. );
  25. });
  26. </script>
  27. </head>
  28. <body style="padding:4px">
  29. <div id="maingrid"></div>
  30. <div>
  31. </div>
  32. </body>
  33. </html>