filter gridview, используя флажок

Question

У меня есть gridView и два флажка, которые будут использоваться для фильтрации. первый флажок (Принято), если отмечено, gridview будет отображать только данные из базы данных, у которых есть статус Accepted.

Вот мой GridView и флажок:

<div style="height: 250px; overflow-x: hidden; overflow-y: scroll;" > 

    <asp:CheckBox ID="Accepted" runat="server" /> 
    <asp:CheckBox ID="Pending" runat="server" /> 
    <asp:CheckBox ID="Rejected" runat="server" /> 

    <asp:GridView ID="gvtransaction" runat="server" Width="30%" AutoGenerateColumns="False" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="5px" DataKeyNames="id" GridLines="Horizontal" OnRowDataBound="gvtransaction_RowDataBound" OnRowCommand="TransactionStatus"> 
     <Columns> 

      <asp:BoundField DataField="MerchantID" HeaderText="ID" SortExpression="" /> 
      <asp:BoundField DataField="FirstName" HeaderText="Consumer" SortExpression="" /> 
      <asp:BoundField DataField="LastName" HeaderText="Name" SortExpression="" /> 
      <asp:BoundField DataField="Amount" HeaderText="Amount" SortExpression="" /> 
      <asp:BoundField DataField="CurrencyName" HeaderText="Account Name" SortExpression="" /> 
      <asp:BoundField DataField="Status" HeaderText="Status" SortExpression="" /> 
      <asp:ButtonField ButtonType="Button" CommandName="Accept" HeaderText="Action" ShowHeader="True" Text="Accept" /> 
      <asp:ButtonField ButtonType="Button" CommandName="Reject" HeaderText="Action" ShowHeader="True" Text="Reject" /> 

     </Columns> 
     <FooterStyle BackColor="White" ForeColor="#000066" /> 
     <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" /> 
     <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" /> 
     <RowStyle ForeColor="#000066" /> 
     <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" /> 
     <SortedAscendingCellStyle BackColor="#F1F1F1" /> 
     <SortedAscendingHeaderStyle BackColor="#007DBB" /> 
     <SortedDescendingCellStyle BackColor="#CAC9C9" /> 
     <SortedDescendingHeaderStyle BackColor="#00547E" /> 
    </asp:GridView> 

Как я могу это сделать с помощью JavaScript.? спасибо ...

Answer 1

Вы можете использовать следующие свойства gridview 'onrowdatabound и DataKeyNames'. В DataKeyNames вы можете указать имя своих переменных класса или свойств, которые вы читаете из базы данных через datareader.

Огонь событие RowDataBound вашего GridView, так что вы можете проверить состояние

protected void gvtransaction_RowDataBound(object sender, System.Web.UI.WebControls.GridViewRowEventArgs e) 
    { 
     int Status = (int)this.gvtransaction.DataKeys[e.Row.RowIndex].Values[0]; 
        if (Status) 
        { 
         . 
         check status values for Accepted, pending and rejected through if else. 
         . 
         . 
        } 
    } 

Answer 2

Вы можете создать 2 просмотров сетки и когда один из флажков выбранных привязывать соответствующего виде сетки.