不知不觉2015年就过去一半了,由于过年前后公司人员陆续离职(这个...),项目忙不过来,从过年来上班就一直在忙,最近项目终于告一段落,开始步入正轨(不用天天赶项目了)。所以最近才有时间写这个东西,可能写的过程中我会从最开始的demo开始,一步一步的去实现我想要的功能,所以会比较 ...
不知不觉2015年就过去一半了,由于过年前后公司人员陆续离职(这个...),项目忙不过来,从过年来上班就一直在忙,最近项目终于告一段落,开始步入正轨(不用天天赶项目了)。所以最近才有时间写这个东西,可能写的过程中我会从最开始的demo开始,一步一步的去实现我想要的功能,所以会比较啰嗦,感觉无聊请无视。
需求:
想利用Jquery做一个类似Gridview的功能
主要功能点
1、显示数据
2、分页
3、排序
4、样式好看
暂时先实现这些,后面再优化扩展。
好了,开始吧!
如图新建一个空白项目,只有一个简单的页面和一个jquery库,需要自己实现的方法放在JScript.js文件中
前台Html:
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
(#换成@)。