你的位置:首页 > 软件开发 > Java > asp.net + Jquery 实现类似Gridview功能 (一)

asp.net + Jquery 实现类似Gridview功能 (一)

发布时间:2015-06-26 12:00:09
不知不觉2015年就过去一半了,由于过年前后公司人员陆续离职(这个...),项目忙不过来,从过年来上班就一直在忙,最近项目终于告一段落,开始步入正轨(不用天天赶项目了)。所以最近才有时间写这个东西,可能写的过程中我会从最开始的demo开始,一步一步的去实现我想要的功能,所以会比较 ...

asp.net + Jquery 实现类似Gridview功能 (一)

  不知不觉2015年就过去一半了,由于过年前后公司人员陆续离职(这个...),项目忙不过来,从过年来上班就一直在忙,最近项目终于告一段落,开始步入正轨(不用天天赶项目了)。所以最近才有时间写这个东西,可能写的过程中我会从最开始的demo开始,一步一步的去实现我想要的功能,所以会比较啰嗦,感觉无聊请无视。


需求:

想利用Jquery做一个类似Gridview的功能

主要功能点

1、显示数据

2、分页

3、排序

4、样式好看

暂时先实现这些,后面再优化扩展。


好了,开始吧!

如图新建一个空白项目,只有一个简单的页面和一个jquery库,需要自己实现的方法放在JScript.js文件中

 asp.net + Jquery 实现类似Gridview功能 (一)

 前台Html:

asp.net + Jquery 实现类似Gridview功能 (一)asp.net + Jquery 实现类似Gridview功能 (一)
 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 2  3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 4  5 <html ="http://www.w3.org/1999/xhtml"> 6 <head runat="server"> 7   <title>js grid view</title> 8   <script src='/images/loading.gif' data-original="jquery-1.9.1.js" type="text/javascript"></script> 9   <script src='/images/loading.gif' data-original="JScript.js" type="text/javascript"></script>10   <script type="text/javascript">11     $(function () {12       var strJson = $("#<%=hfJsonValue.ClientID%>").val();13       ShowGridView(strJson);14     });15   </script>16 </head>17 <body>18   <form id="form1" runat="server">19   <div id="divGridViewMain">20     <div id="divHeadTemplate">21       22     </div>23     <div id="divRowTemplate">24     25     </div>26   </div>27   <asp:HiddenField ID="hfJsonValue" runat="server" />28   </form>29 </body>30 </html>

原标题:asp.net + Jquery 实现类似Gridview功能 (一)

关键词:ASP.NET

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。