toolbar.htm 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  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. <link href="../../../lib/ligerUI/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />
  7. <link href="../../../lib/ligerUI/skins/Gray/css/all.css" rel="stylesheet" type="text/css" />
  8. <script src="../../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  9. <script src="../../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  10. <script src="../../../lib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script>
  11. <script src="../../../lib/ligerUI/js/plugins/ligerToolBar.js" type="text/javascript"></script>
  12. <script src="../../../lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
  13. <script src="../../../lib/ligerUI/js/plugins/ligerCheckBox.js" type="text/javascript"></script>
  14. <script src="../CustomersData.js" type="text/javascript"></script>
  15. <script type="text/javascript">
  16. function itemclick(item)
  17. {
  18. alert(item.text);
  19. }
  20. $(function ()
  21. {
  22. window['g'] =
  23. $("#maingrid").ligerGrid({
  24. height:'100%',
  25. columns: [
  26. { display: '顾客', name: 'CustomerID', align: 'left', width: 100, minWidth: 60 },
  27. { display: '公司名', name: 'CompanyName', minWidth: 120 },
  28. { display: '联系名', name: 'ContactName', minWidth: 140 },
  29. { display: '城市', name: 'City' }
  30. ], data:CustomersData, pageSize:30 ,rownumbers:true,
  31. toolbar: { items: [
  32. { text: '增加', click: itemclick, icon: 'add' },
  33. { line: true },
  34. { text: '修改', click: itemclick, icon: 'modify' },
  35. { line: true },
  36. { text: '删除', click: itemclick, img: '../../../lib/ligerUI/skins/icons/delete.gif' }
  37. ]
  38. }
  39. });
  40. $("#pageloading").hide();
  41. });
  42. function deleteRow()
  43. {
  44. g.deleteSelectedRow();
  45. }
  46. </script>
  47. </head>
  48. <body style="overflow-x:hidden; padding:2px;">
  49. <div class="l-loading" style="display:block" id="pageloading"></div>
  50. <a class="l-button" style="width:120px;float:left; margin-left:10px; display:none;" onclick="deleteRow()">删除选择的行</a>
  51. <div class="l-clear"></div>
  52. <div id="maingrid"></div>
  53. <div style="display:none;">
  54. </div>
  55. </body>
  56. </html>