使用jQuery排序和分页 [英] Sorting and paging using jquery

问题描述

大家好，
我在那个gridview中有一个gridview代替了内部gridview，我正在显示没有gridview的数据.所以我想使用jquery对该内部表进行排序和分页.

以下是我正在使用的GridView，请看一下.

< asp:GridView ID ="gvUsers" runat =服务器" DataKeyNames ="LoginId" AutoGenerateColumns ="False"
OnRowDataBound ="gvUsers_RowDataBound" SkinID ="ITRMGrid"字体名称="arial">
<列> < asp:TemplateField HeaderText ="SNo">
< itemtemplate>
<％#Container.DataItemIndex + 1％>




< asp:BoundField DataField ="FName" HeaderText ="User"/>
< asp:TemplateField HeaderText =客户端呼叫">
< itemtemplate>

<％#DataBinder.Eval(Container.DataItem，"ClientCalls")％>




< asp:TemplateField HeaderText =已添加候选人">
< itemtemplate>

<％#DataBinder.Eval(Container.DataItem，"CandAdded")％>




< asp:TemplateField HeaderText =候选呼叫">
< itemtemplate>

<％#DataBinder.Eval(Container.DataItem，"CandCalls")％>




< asp:TemplateField HeaderText =市场候选者">
< itemtemplate>

<％#DataBinder.Eval(Container.DataItem，"Cands")％>




< asp:TemplateField HeaderText =客户联系人">
< itemtemplate>

<％#DataBinder.Eval(Container.DataItem，"ClientContacts")％>



< asp:TemplateField HeaderText ="Clients">
< itemtemplate>

<％#DataBinder.Eval(Container.DataItem，"Clients")％>




< asp:TemplateField HeaderText =作业">
< itemtemplate>

<％#DataBinder.Eval(Container.DataItem，"Jobs")％>




< asp:TemplateField HeaderText =分配的作业">
< itemtemplate>

<％#DataBinder.Eval(Container.DataItem，"AssignedJobs")％>




< asp:TemplateField HeaderText =恢复排队">
< itemtemplate>

<％#DataBinder.Eval(Container.DataItem，"SubmissionsToSR")％>




< asp:TemplateField HeaderText ="Submittals">
< itemtemplate>

<％#DataBinder.Eval(Container.DataItem，"Submittals")％>




< asp:TemplateField HeaderText ="Interviews">
< itemtemplate>

<％#DataBinder.Eval(Container.DataItem，"Interviews")％>




< asp:TemplateField HeaderText ="Rec-Interviews">
< itemtemplate>

<％#DataBinder.Eval(Container.DataItem，"RecInterviews")％>




< asp:TemplateField HeaderText ="Rec-Projects">
< itemtemplate>

<％#DataBinder.Eval(Container.DataItem，"RecProjects")％>




< asp:TemplateField HeaderText ="Projects">
< itemtemplate>

<％#DataBinder.Eval(Container.DataItem，"sRProjects")％>




< asp:TemplateField>
< itemtemplate>

Hi All,
I have a gridview in that gridview in place of inner gridview i am showing data without gridview . so i want to use jquery for sorting and paging for that inner tables .

following is my GridView what i am using please have a look .

<asp:GridView ID="gvUsers" runat="server" DataKeyNames="LoginId" AutoGenerateColumns="False"
OnRowDataBound="gvUsers_RowDataBound" SkinID="ITRMGrid" Font-Names="arial">
<columns> <asp:TemplateField HeaderText="SNo">
<itemtemplate>
<%#Container.DataItemIndex+1%>




<asp:BoundField DataField="FName" HeaderText="User" />
<asp:TemplateField HeaderText="Client Calls">
<itemtemplate>

<%#DataBinder.Eval(Container.DataItem,"ClientCalls")%>




<asp:TemplateField HeaderText="Candidates Added">
<itemtemplate>

<%#DataBinder.Eval(Container.DataItem,"CandAdded")%>




<asp:TemplateField HeaderText="Candidate Calls">
<itemtemplate>

<%#DataBinder.Eval(Container.DataItem,"CandCalls")%>




<asp:TemplateField HeaderText="Market Candidates">
<itemtemplate>

<%#DataBinder.Eval(Container.DataItem,"Cands")%>




<asp:TemplateField HeaderText="Client Contacts">
<itemtemplate>

<%#DataBinder.Eval(Container.DataItem,"ClientContacts")%>



<asp:TemplateField HeaderText="Clients">
<itemtemplate>

<%#DataBinder.Eval(Container.DataItem,"Clients")%>




<asp:TemplateField HeaderText="Jobs">
<itemtemplate>

<%#DataBinder.Eval(Container.DataItem,"Jobs")%>




<asp:TemplateField HeaderText="Assigned Jobs">
<itemtemplate>

<%#DataBinder.Eval(Container.DataItem,"AssignedJobs")%>




<asp:TemplateField HeaderText="Resumes Queued">
<itemtemplate>

<%#DataBinder.Eval(Container.DataItem,"SubmissionsToSR")%>




<asp:TemplateField HeaderText="Submittals">
<itemtemplate>

<%#DataBinder.Eval(Container.DataItem,"Submittals")%>




<asp:TemplateField HeaderText="Interviews">
<itemtemplate>

<%#DataBinder.Eval(Container.DataItem,"Interviews")%>




<asp:TemplateField HeaderText="Rec-Interviews">
<itemtemplate>

<%#DataBinder.Eval(Container.DataItem,"RecInterviews")%>




<asp:TemplateField HeaderText="Rec-Projects">
<itemtemplate>

<%#DataBinder.Eval(Container.DataItem,"RecProjects")%>




<asp:TemplateField HeaderText="Projects">
<itemtemplate>

<%#DataBinder.Eval(Container.DataItem,"sRProjects")%>




<asp:TemplateField>
<itemtemplate>

请帮帮我.
谢谢&关于

please help me out .
Thanks & Regards

推荐答案

对于gridview分页:
使用ASP.NET GridView进行自定义分页 [在GridView中使用jQuery Tooltip插件 [ ^ ]
Gridview –客户端排序和分页 [使用JQuery进行客户端Gridview分页 [使用Linq进行网格视图客户端分页 [ ^ ]
使用jQuery的TableSorter可分离的GridView [如何使网格视图越来越人性化. [

For gridview paging:
Custom paging with ASP.NET GridView[^]
Using the jQuery Tooltip Plugin in a GridView[^]
Gridview – Client side sorting and paging[^]
Client Side Gridview Pagination using JQuery[^]
Grid View Client Side Paging Using Linq[^]
Sortable GridView using jQuery''s TableSorter[^]

..and similar QA How to make grid view more and more user friendly.[^]

使用jquery进行分页的链接
http://tympanus.net/codrops/2009/11/17/jpaginate-a-fancy-jquery-pagination-plugin/ [ http://blog. amnuts.com/2009/01/29/easy-table-sorting-with-jquery/ [

Link for Paging with jquery
http://tympanus.net/codrops/2009/11/17/jpaginate-a-fancy-jquery-pagination-plugin/[^]

Link for sorting with jquery
http://blog.amnuts.com/2009/01/29/easy-table-sorting-with-jquery/[^]

Hope this will help you.

这篇关于使用jQuery排序和分页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！