draggable2.htm 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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. {
  15. window['g'] =
  16. manager = $("#maingrid").ligerGrid({
  17. columns: [
  18. { display: '部门名', name: 'name', width: 250, align: 'left' },
  19. { display: '部门标示', name: 'id', id: 'id1', width: 250, type: 'int', align: 'left' },
  20. { display: '部门描述', name: 'remark', width: 250, align: 'left' }
  21. ], width: '100%', pageSizeOptions: [5, 10, 15, 20], height: '97%',
  22. allowHideColumn: false, rownumbers: true, colDraggable: true, rowDraggable: true, checkbox: false,
  23. data: TreeDeptData, alternatingRow: false, tree: { columnName: 'name' },
  24. rowDraggingRender: function (rows)
  25. {
  26. return rows[0].name;
  27. }
  28. }
  29. );
  30. });
  31. </script>
  32. </head>
  33. <body style="padding:4px">
  34. <div id="maingrid"></div>
  35. <div>
  36. </div>
  37. </body>
  38. </html>