隱藏在jQuery的一個GridView根據鏈接點擊

，我作出這樣的隱藏和顯示一個div上

的onclick你有一個名爲管理鏈接列表框中的每一個jQuery函數點擊這個鏈接，你可以在那裏顯示或隱藏網格視圖來管理這個列表。這是代碼：

 <a class="brownlink" id="coursemanage" data-target = "#coursegridview">Manage</a> 




<asp:GridView ID="coursegridview" runat="server" DataKeyNames="id" DataSourceID="course_mange" SkinID="gridview" PageSize="5"> 
          <Columns> 
           <asp:CommandField ShowDeleteButton="True" ShowEditButton="True" ShowSelectButton="True" /> 
           <asp:BoundField DataField="id" HeaderText="id" InsertVisible="False" ControlStyle-CssClass="textfield" ReadOnly="True" SortExpression="id" > 
<ControlStyle CssClass="textfield"></ControlStyle> 
           </asp:BoundField> 
           <asp:BoundField DataField="name" HeaderText="name" SortExpression="name" ControlStyle-CssClass="textfield" > 
<ControlStyle CssClass="textfield"></ControlStyle> 
           </asp:BoundField> 
           <asp:BoundField DataField="xdate" HeaderText="xdate" SortExpression="xdate" ControlStyle-CssClass="textfield" > 
<ControlStyle CssClass="textfield"></ControlStyle> 
           </asp:BoundField> 
          </Columns> 
         </asp:GridView> 
         <asp:SqlDataSource ID="course_mange" runat="server" ConnectionString="<%$ ConnectionStrings:samy_sarc %>" DeleteCommand="DELETE FROM sarcallcourse WHERE (id = @id)" InsertCommand="INSERT INTO sarcallcourse(id, name, xdate) VALUES (, @name, @xdate)" SelectCommand="SELECT sarcallcourse.* FROM sarcallcourse" UpdateCommand="UPDATE sarcallcourse SET name = @name, xdate = @xdate WHERE (id = @id)"> 
          <DeleteParameters> 
           <asp:Parameter Name="id" /> 
          </DeleteParameters> 
          <InsertParameters> 
           <asp:Parameter Name="name" /> 
           <asp:Parameter Name="xdate" /> 
          </InsertParameters> 
          <UpdateParameters> 
           <asp:Parameter Name="name" /> 
           <asp:Parameter Name="xdate" /> 
           <asp:Parameter Name="id" /> 
          </UpdateParameters> 
         </asp:SqlDataSource> 





<script type="text/javascript"> 



     $(function() { 
      $('.brownlink').click(function() { 
       //Now here `this` would be your anchor element clicked 
       var $target = $($(this).data('target')); //Fetch the target and select it 
       $target.slideToggle('slow'); //slideToggle 
      }); 
     }); 

    </script>

這是代碼但是這個代碼重複多的時間在的頁面，因爲每一個下拉菜單中有一個管理

，所以我需要的代碼是動態的，意思是寫一個jQuery代碼並添加到所有管理頁面上的鏈接，每一個隱藏的一些不同的網格視圖
沒有工作，我需要它是動態的......因爲我用它來多的GridView

我可以使用任何informati上...感謝

來源

2013-12-11 Samy Sammour

我嘗試這和它的工作：

function initpage() { 

    $('#coursegridview').hide(); 

} 
initpage(); 
function togglediv(div) { 

    $("#" + div).toggle('slow'); 
}

無論哪個鏈接點擊或也許按鈕或任何只是做onclcik：

onclick='togglediv("coursegridview")'

你的車寫你想切換的任何div

重要說明：請記住將jquery代碼放在代碼末尾

來源

2013-12-13 05:48:16

隱藏在jQuery的一個GridView根據鏈接點擊

回答

相關問題