limeng
/
cetdz


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
							<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.5.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/ligerTextBox.js" type="text/javascript"></script>
    <script src="../../lib/ligerUI/js/plugins/ligerCheckBox.js" type="text/javascript"></script>
     <script src="../../lib/ligerUI/js/plugins/ligerMenu.js" type="text/javascript"></script>
    <script src="../../lib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>
    <script src="../../lib/ligerUI/js/plugins/ligerMenuBar.js" type="text/javascript"></script>
    <script src="../../lib/ligerUI/js/plugins/ligerToolBar.js" type="text/javascript"></script>
    <script src="../../lib/ligerUI/js/plugins/ligerButton.js" type="text/javascript"></script>
    <script src="../../lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
    <script src="../../lib/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
    <script src="../../lib/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
    <script src="../grid/CustomersData.js" type="text/javascript"></script>
    <script type="text/javascript">

        var alert = function (content)
        {
            $.ligerDialog.alert(content);
        };
        //菜单一
        var menu1 = { width: 120, items:
            [
            { text: '保存', click: itemclick },
            { text: '列存为', click: itemclick },
            { line: true },
            { text: '关闭', click: itemclick }
            ]
        };
        //菜单二
        var menu2 = { width: 100, items:
            [
            {
                text: '文件', children:
                [
                    { text: 'Excel',id:'Excel', click: itemclick },
                    { text: 'Word', id: 'Word', click: itemclick },
                    { text: 'PDF', id: 'PDF', click: itemclick },
                    { text: 'TXT', id: 'TXT', click: itemclick },
                    { line: true },
                    { text: 'XML', id: 'XML', click: itemclick }
                ]
            },
            ]
        };
        //菜单三
        var menu3 = { width: 120, items:
            [
            { text: '灰色',id:'Gray', click: itemclick },
            { text: '浅绿色',id:'Aqua', click: itemclick }
            ]
        };
        var gridManager = null;
        $(function ()
        {
            //菜单条
            $("#topmenu").ligerMenuBar({ items: [
                { text: '文件', menu: menu1 },
                { text: '导出', menu: menu2 },
                { text: '表格风格', menu: menu3 }
            ]
            });

            //工具条
            $("#toptoolbar").ligerToolBar({ items: [
                { text: '增加', id:'add', click: itemclick },
                { text: '修改', id:'modify', click: itemclick },
                { text: '删除', id:'delete', click: itemclick }
            ]
            });
            //搜索
            //$("#ddlCountry").ligerComboBox();
            $("#searchbtn").ligerButton({ click: function ()
            {
                if (!gridManager) return;
                var Country = $("#ddlCountry").val(); 
                gridManager.setOptions(
                    { parms: [{ name: 'Country', value: Country}] }
                );
                gridManager.loadData(true);
            }
        }); 

            //表格
            $("#maingrid").ligerGrid({
                columns: [
                { display: '顾客', name: 'CustomerID', align: 'left', width: 100, minWidth: 60 },
                { display: '公司名', name: 'CompanyName', minWidth: 120 },
                { display: '联系名', name: 'ContactName', minWidth: 140 },
                { display: '电话', name: 'Phone' },
                { display: '城市', name: 'City' },
                { display: '国家', name: 'Country' }
                ], dataAction: 'server', data: CustomersData, sortName: 'CustomerID',
                width: '100%', height: '100%', pageSize: 30,rownumbers:true,
                checkbox : true,
                //应用灰色表头
                cssClass: 'l-grid-gray', 
                heightDiff: -6
            });
             
            gridManager = $("#maingrid").ligerGetGridManager();

            $("#pageloading").hide();


        });


        function itemclick(item)
        { 
            if(item.id)
            {
                switch (item.id)
                {
                    case "Aqua":
                        $("#maingrid").removeClass("l-grid-gray");
                        return;
                    case "Gray":
                        $("#maingrid").addClass("l-grid-gray");
                        return;
                    case "modify":
                        var rowsdata = gridManager.getCheckedRows();
                        var str = "";
                        $(rowsdata).each(function ()
                        {
                            str += this.CustomerID + ",";
                        });
                        if (!rowsdata.length) alert('请选择行');
                        else
                            alert(str);
                        return;
                    case "delete":
                        var data = gridManager.getCheckedRows();
                        if (data.length == 0)
                            alert('请选择行');
                        else
                        {
                            var checkedIds = [];
                            $(data).each(function ()
                            {
                                checkedIds.push(this.CustomerID);
                            });
                            $.ligerDialog.confirm('确定删除' + checkedIds.join(',') + '?', function ()
                            {
                                alert('演示数据，不能删除');
                            }); 
                        }
                        return;
                    case "Excel":
                    case "Word":
                    case "PDF":
                    case "TXT":
                    case "XML":
                        $.ligerDialog.waitting('导出中，请稍候...');
                        setTimeout(function ()
                        {
                            $.ligerDialog.closeWaitting();
                            if (item.id == "Excel")
                                $.ligerDialog.success('导出成功');
                            else
                                $.ligerDialog.error('导出失败');
                        }, 1000);
                        return;
                }   
            }
            alert(item.text);
        }
    </script>
</head>
<body style="padding:0px; overflow:hidden;"> 
<div class="l-loading" style="display:block" id="pageloading"></div> 
  <form id="form1" runat="server"> 

 <div id="topmenu"></div> 

  <div id="toptoolbar"></div> 

<div class="l-panel-search">
    <div class="l-panel-search-item">
        国家：
    </div>
    <div class="l-panel-search-item">
        <input type="text" id="ddlCountry" />
    </div>
    <div class="l-panel-search-item">
        <div id="searchbtn" style="width:80px;">搜索</div>
    </div>
</div>

    <div id="maingrid" style="margin:0; padding:0"></div>

  </form>


  <div style="display:none;">
  
</div>
 
</body>
</html>