您现在的位置:计算机技术学习网 > 技术中心 > WEB编程 > ASP >

ASP.NET MVC 3程序如何绑定JQuery插件JQgrid

来源:未知 责任编辑:责任编辑 发表时间:2013-12-18 11:34 点击:

今天试用了一些JQuery的插件JQgrid,此插件能非常快捷的帮助我们建立一个CRUD功能的表单,并且具有分页,排序等一些基本功能,非常好用。

这里是JQgrid的下载地址:

 

Demo示例:

 

下面看下实施步骤:

首先下载好JQgrid的类库之后,在Layout.cshtml中引用他,那么之后我们就不需要在每一个view中都去引用相同的类库了。这里我引用了这几个文件来帮助我们开发:

[html] 
<link href="../../Scripts/JQgrid/jquery-ui-1.8.23.custom/css/ui-lightness/jquery-ui-1.8.23.custom.css" rel="stylesheet" type="text/css" /> 
<link href="../../Scripts/JQgrid/jquery.jqGrid-4.4.1/css/ui.jqgrid.css" rel="stylesheet" type="text/css" /> 
<script src="../../Scripts/JQgrid/jquery.jqGrid-4.4.1/js/i18n/grid.locale-en.js" type="text/javascript"></script> 
<script src="../../Scripts/JQgrid/jquery.jqGrid-4.4.1/js/jquery.jqGrid.min.js" type="text/javascript"></script> 

接下来我们可以开始在你需要的view文件中书写以下代码,当然你可以根据喜好来配置它的属性,JQgrid的属性非常之多,在上面的Demo示例中你可以找多更多的属性和事件。

[javascript] 
<script type="text/javascript"> 
    jQuery(document).ready(function () { 
        jQuery("#list").jqGrid({ 
            url: '/UserView/UserMaintenance', //---necessary 
            datatype: 'json',  //---necessary 
            mtype: "GET", //---necessary   
            //datatype: 'local', //----add 
            //data: mydata, // ---add 
            colNames: ['Name', 'ID', 'Active', 'Customer Group'], //----edit 
            colModel: [ 
       { name: 'Name', index: 'Name', width: 500, sortable: false }, 
       { name: 'CP_CSTMR_ID', index: 'CP_CSTMR_ID', width: 100 }, 
       { name: 'Active', index: 'Active', width: 100, sortable: false }, 
       { name: 'Customer Group', index: 'Customer Group', width: 100, sortable: false} //----edit 
                          ], 
            pager: '#pager', 

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • WAP常见问题问答大全(四)
  • ASP开发必备:WEB打印代码大全
  • ASP调用系统ping命令
  • asp缓存技术
  • ASP教程:第三篇 ASP基础
  • 用ASP+XML打造留言本(4)
  • ASP处理多关键词查询实例代码
  • 用asp怎样编写文档搜索页面(5)
  • 利用CDONTS发送邮件的ASP函数
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1