关闭

JQgrid使用

145人阅读 评论(0) 收藏 举报

前台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>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:90961次
    • 积分:1947
    • 等级:
    • 排名:千里之外
    • 原创:99篇
    • 转载:0篇
    • 译文:0篇
    • 评论:18条
    最新评论