如何使用jquery，json根据下拉选择设置要在gridview中显示的行数 [英] How to set number of rows to display in gridview according to dropdown selection using jquery , json

问题描述

如何根据Asp.net中的Dropdown Selection设置Gridview中显示的行数c＃使用Jquery和json（ajax调用方法）。



我已经完成选择索引更改，页面索引更改c＃中的事件。但我需要使用jquery json。



我尝试过：



ASPX页面

 <   table  >  <   tr  >  <   td  >  <   / td  >  <   td  >  &l t;   asp：DropDownList     ID   =  DropDownList1    runat   =  server      AutoPostBack   =   true >  
  <   asp：ListItem  >   - 选择 -  <   / asp：ListItem  >  
 <   asp：ListItem  >  5 <   / asp：ListItem  >  
 <   asp： ListItem  >  10 <   / asp ：ListItem  >  
 <   asp：ListItem  >  15 <   / asp：ListItem  >  
 <   / asp：DropDownList  >  <   / td  >  <   / tr  >  <   / table  >  
 
 <   asp：GridView     ID   =  GridView1    runat   =  server    AutoGenerateColumns   =  false    AllowPaging   =  true    PageSize   =  5 < span class =code-keyword>>  
 <  列 >  
 <   asp：BoundField     DataField   =  SudentName    HeaderText   = 名称    /  >  
 <   asp：BoundField     DataField   = 费用    HeaderText   = 费用    /  >  
 <   asp：BoundField    < span class =code-attribute> DataField   =  StudentClass    HeaderText   = 类    /  >  
 <   asp：BoundField     DataField   =   StudentRollNo    HeaderText   = 卷号    /  >  
 <   /列 >  
 <   / asp：GridView  >  
 

代码背后

<前lang =c＃> 受保护 void DropDownList1_SelectedIndexChanged（ object sender，EventArgs e）
{
int size = 0 ;
if （DropDownList1.SelectedItem.Text！= - 选择 - ）
{
size = int .Parse（DropDownList1.SelectedItem.Value.ToString（ ））;
GridView1.PageSize = size;
BindGridview（）;
}
}

受保护 void GridView1_PageIndexChanging（ object sender，GridViewPageEventArgs e）
{
GridView1.PageIndex = e.NewPageIndex;
BindGridview（）;
}

解决方案

ASP.NET下拉列表是服务器端控件（扩展到相当复杂的客户端HTML表），所以虽然你可以使用jQuery从客户端的结果表中隐藏/删除行，但这将是非常不明智的...

而是在下拉列表更改上运行回发并设置页面大小服务器端...

（您的代码实际上似乎是正确的方向，但您似乎错过了AJAX部分）...

How to Set number of rows to display in Gridview according to Dropdown Selection in Asp.net c# Using Jquery and json(ajax call method).

I already done with select index changed ,page index changing events in c#.But i need using jquery json.

What I have tried:

ASPX page

<table><tr><td></td><td><asp:DropDownList ID="DropDownList1" runat="server"  AutoPostBack="true">
         <asp:ListItem>--Select--</asp:ListItem>
         <asp:ListItem>5</asp:ListItem>
         <asp:ListItem>10</asp:ListItem>
         <asp:ListItem>15</asp:ListItem>
     </asp:DropDownList></td></tr></table>

     <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" AllowPaging="true" PageSize="5">
         <Columns>
             <asp:BoundField DataField="SudentName" HeaderText="Name" />
              <asp:BoundField DataField="Fee" HeaderText="Fee" />
              <asp:BoundField DataField="StudentClass" HeaderText="Class" />
             <asp:BoundField DataField="StudentRollNo" HeaderText="Roll Number" />
         </Columns>
     </asp:GridView>

Code behind

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        int size = 0;
        if (DropDownList1.SelectedItem.Text != "--Select--")
        {
            size = int.Parse(DropDownList1.SelectedItem.Value.ToString());
            GridView1.PageSize = size;
            BindGridview();
        }
    }

protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
    {
        GridView1.PageIndex = e.NewPageIndex;
        BindGridview();
    }

解决方案

ASP.NET dropdown is a server side control (expand to fairly complicated client side HTML table), so while you can hide/remove rows from the resulting table on the client side using jQuery it will be very unwise...
Instead run a post-back on drop-down changes and set the page size on the server side...
(You code actually seems to be in the right direction, but you seems to miss the AJAX part)...

这篇关于如何使用jquery，json根据下拉选择设置要在gridview中显示的行数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！