jQuery实现GridView异步排序和分页成果
发布时间：2018-08-17 16:29:06 所属栏目：业界 来源：站长网
导读：常常会用到jquery.ui.tabs标签，如我们可以把备份打点放在一个页面上，而该页面有两个tab别离为备份和还原，但这样会此刻这个页面痴肥，每次哀求备份打点页面时，处事端会把以是的备份还原信息都传到客户端，然后ui.tabs将两种信息折叠起来别离表现，亏得ui
|
副问题[/!--empirenews.page--]
常常会用到jquery.ui.tabs标签，如我们可以把备份打点放在一个页面上，而该页面有两个tab别离为备份和还原，但这样会此刻这个页面痴肥，每次哀求备份打点页面时，处事端会把以是的备份还原信息都传到客户端，然后ui.tabs将两种信息折叠起来别离表现，亏得ui.tabs给我提供ajax成果，我们的每个tab可以直策应用其它一个页面
如： Copy to Clipboard 引用的内容：[www.veryhuo.com]
<div id="container"> <ul> <li><a href="#fragment-1"><span>备份</span></a></li> <li><a href="Restore.aspx"><span>还原</span></a></li> </ul> </div> 但这样，当Restore.aspx存在处事端控件时，当他与处事端交互时，将不会很抱负，好比GridView自带排序，分页就不行能实现，由于每一次交互他老是他只会表现你第一次加载该tab的状态（gridview它也许老是表现的第一页),偶然乃至会充开整个页面。 办理这个题目，起首想到时ajax以防备被引用的页面所有从头加载。UpdatePanel我试了一下不可，如是便想到juery。 下面我将树模怎样团结jquery实现GridView的异步排序，分页。 起首我们还时在页面放放一个gridview，他不会作为页面中真正表现的部门，而是作为帮助html输出，当一个ajax哀求来到时，我们操作这个GridView，Render为Html输出，ajax的回调函数完成表现。为了不表现GridView我在PreRender中配置Visible = false，不能直接配置Visible=false不然他不会被Render成html Copy to Clipboard引用的内容：[www.veryhuo.com]
<body onload="getPageData(1)"> <form id="form1" runat="server"> <div > <div id='ShowData'> <asp:GridView id="gvRestore" runat="server" Width="100%" PageSize="5" DataSourceID="SqlDataSource1" AutoGenerateColumns="False" AllowPaging="True" OnRowDataBound="gvRestore_RowDataBound" AllowSorting="True" Height="138px" OnDataBound="gvRestore_DataBound" OnPreRender="gvRestore_PreRender" ><Columns> <asp:BoundField DataField="ID" HeaderText="ID" SortExpression="ID" Visible="False"></asp:BoundField> <asp:BoundField DataField="WorkId" HeaderText="工号" SortExpression="WorkId"></asp:BoundField> <asp:BoundField DataField="userName" HeaderText="操纵人姓名" SortExpression="userName"></asp:BoundField> <asp:BoundField DataField="operateType" HeaderText="操纵范例" SortExpression="operateType"></asp:BoundField> <asp:BoundField DataField="operateWay" HeaderText="操纵方法" SortExpression="operateWay"></asp:BoundField> <asp:BoundField DataField="operateTime" HeaderText="操纵时刻" SortExpression="operateTime"></asp:BoundField> <asp:BoundField DataField="operatePath" HeaderText="生涯路径" SortExpression="operatePath"></asp:BoundField> <asp:BoundField DataField="operateReason" HeaderText="操纵缘故起因" SortExpression="operateReason"></asp:BoundField> <asp:TemplateField HeaderText="选择"> <ItemTemplate> <input id="Radio1" type="radio" name="Restore" value='<%#Eval("operatePath") %>'/><label for="Radio1">选择</label> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </div> <asp:SqlDataSource id="SqlDataSource1" runat="server" SelectCommand="SELECT * FROM [BackUpInfo] where operateType='备份'" ConnectionString="<%$ ConnectionStrings:BackUpConnectionString %>"> </asp:SqlDataSource> </div> </form> </body> 留意，我们在Body的onload变乱中指定了一个 函数，他会在页面被加载时哀求处事端，传回数据。自己是个ajax哀求 本相如下： Copy to Clipboard引用的内容：[www.veryhuo.com]
var getPageData=function(i) { $.ajax({ url:'Restore.aspx?'+new Date()+'&page='+i,//指定pageindex type:'get', success:function(data,textStatus) { $('#ShowData')[0].innerHTML=data; }, error:function(XMLHttpRequest,textStatus) { //debugger; $('#ShowData').text(XMLHttpRequest.responseText); }, complete:function(XMLHttpRequest,textStatus) { } }); （编辑：河北网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
