程序博客网 > 淘宝客服日常工作表格

JQgrid使用

来源：互联网发布：淘宝客服日常工作表格编辑：程序博客网时间：2024/06/05 22:38

前台Default.aspx页面代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JqgridDemo._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="css/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" />
    <link href="css/ui.jqgrid.css" rel="stylesheet" type="text/css" />

<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>

<script src="js/grid.locale-cn.js" type="text/javascript"></script>

<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function() {
            $("#list").jqGrid({
                url: "GetData.ashx",
                datatype: "json",
                colNames: ['编号','客户名', '年龄', '性别'],
                colModel: [
                { name: 'Id', index: 'Id', width: 50 },
    { name: 'CustomerName', index: 'CustomerName', width: 50 },
    { name: 'Age', index: 'Age', width: 50 },
    { name: 'Sex', index: 'Sex', width: 50 }
    ],
    //rowNum: 10,
    rowList: [10, 20, 30],
    height: '100%',
   // pager: '#pager',
    sortname: 'id',
   // viewrecords: true,
    sortorder: "desc",
    caption: "JSON Example"

});
jQuery("#list").jqGrid('navGrid', '#pager', { edit: false, add: false, del: false });
        });

    </script>

</head>
<body>
    <table id="list">
    </table>
    <div id="pager"></div>
</body>
</html>

淘宝客服日常工作表格

淘宝客服日常工作表格

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子派派下载安装派派名字大全派派技能升级技巧派派交友下载软件派派好书推荐劲派ktv 上派新楼盘吉派香辣虾派金森二手一汽骏派d60 派代下载派茶高尔派皮衣派是多少捞派肯派狄派美派派滋劲派漫威的异派剑仙狂笑自淘情派潭中学增城派潭酒店派潭派生科技派生派生词派生分立派生科技股票派生科技股吧派生词什么意思今日派生科技行情派生词是什么意思贷款派生存款原始存款与派生存款怪物猎人x太刀派生表中文怪物猎人世界大剑派生哪个好怪物猎人世界弓派生怪物猎人世界冰原太刀派生派石项链石力派