tree.aspx 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="tree.aspx.cs" Inherits="dotnetdemos_grid_treegrid_tree" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title></title>
  6. <link href="../../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  7. <script src="../../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  8. <script src="../../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  9. <script src="../../../lib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script>
  10. <script type="text/javascript">
  11. var manager;
  12. $(function ()
  13. {
  14. window['g'] =
  15. manager = $("#maingrid").ligerGrid({
  16. columns: [
  17. { display: '部门名', name: 'name', width: 150, align: 'left' },
  18. { display: '加入日期', name: 'date',format:"yyyy年MM月dd日", width: 150, type: 'date', align: 'left' },
  19. { display: '部门标示', name: 'id', width: 150, type: 'int', align: 'left' },
  20. { display: '部门描述', name: 'remark', width: 250, align: 'left' }
  21. ], width: '100%', pageSizeOptions: [5, 10, 15, 20], height: '97%',
  22. url: 'tree.aspx?Action=GetData',
  23. dataAction: 'local',//本地排序
  24. usePager:false,
  25. alternatingRow: false,
  26. tree: { columnName: 'name' }
  27. }
  28. );
  29. });
  30. function getSelected()
  31. {
  32. var row = manager.getSelectedRow();
  33. if (!row) { alert('请选择行'); return; }
  34. alert(JSON.stringify(row));
  35. }
  36. </script>
  37. </head>
  38. <body style="padding:4px">
  39. <div>
  40. <a class="l-button" style="width:120px;float:left; margin-left:10px;" onclick="getSelected()">获取值</a>
  41. <div class="l-clear"></div>
  42. </div>
  43. <div id="maingrid"></div>
  44. </body>
  45. </html>