JQgrid使用

原创 2012年03月30日 14:22:52

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

JQgrid使用文档

  • 2015年12月11日 16:49
  • 7.99MB
  • 下载

NET使用JQGrid引用Bootstrap

  • 2015年12月28日 14:07
  • 3.34MB
  • 下载

jqGrid的使用方法(编辑,删除,更新,新增)

jqGrid的使用方法(编辑,删除,更新,新增)

jqGrid使用手册

  • 2013年06月03日 10:34
  • 9.25MB
  • 下载

JqGrid的介绍和使用

jqGrid 是一个用来显示网格数据的jQuery插件,通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。文档比较全面,其官方网址为:http://www.trirand.com。...
  • WMY1230
  • WMY1230
  • 2016年09月06日 16:13
  • 3099

javascript中的jqgrid相关使用文档

  • 2012年11月14日 23:55
  • 19KB
  • 下载

jqgrid使用

  • 2015年08月31日 11:36
  • 116KB
  • 下载

jqGrid的调用以及常用增删改查的使用方法

jquery grid是富客户端的,基于XML , Ajax网格插件的jQuery库。 jqGridView提供专业的解决方案,代表和编辑表格数据在网络上。精心设计的,具有强大的脚本API的,这可编辑...
  • lhy2199
  • lhy2199
  • 2011年11月19日 09:57
  • 8334

jqGrid使用帮助

  • 2010年11月26日 00:23
  • 92KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JQgrid使用
举报原因:
原因补充:

(最多只允许输入30个字)