隐藏在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根据链接点击

回答

相关问题