[英]How to Hide GridView Column using Javascript on ButtonClick in asp.net?
I have a GridView
from which i want to Show the GridColumn
on Button Click
. 我有一个
GridView
,我想在Button Click
上显示GridColumn
。
The
Column
with ' Source
' i want to display on Button click
using Javascript
. 带有'
Source
'的Column
我希望使用Javascript
在Button click
上显示。
Note:The Button that we click to visible the column is outside the GridView. 注意:我们单击以显示列的Button位于GridView之外。
<asp:TemplateField HeaderText="Source" ItemStyle-Width="50px" ItemStyle-HorizontalAlign="Center"
HeaderStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Button ID="BtnSource" runat="server" CausesValidation="false" OnClick='<%# "return SetRowValues("+Eval("ttppcid")+",this.id,"+Eval("Fair")+","+Eval("Good")+","+Eval("Mint")+","+Eval("Poor")+","+Eval("Broken")+")"%>' Text="Source" />
</ItemTemplate>
</asp:TemplateField>
Help Appreciated! 帮助感谢!
try this, 试试这个,
Add JavaScript in your page. 在您的页面中添加JavaScript。
<script type="text/javascript">
function hideColumn() {
var gridrows = $("#GridView1 tbody tr");
for (var i = 0; i < gridrows.length; i++) {
gridrows[i].cells[1].style.display = "none";
}
return false;
};
</script>
cells[1]
instead of you can use your column number. cells[1]
而不是您可以使用您的列号。 and call this function on OnClientClick="Javascript:return hideColumn();"
并在
OnClientClick="Javascript:return hideColumn();"
上调用此函数OnClientClick="Javascript:return hideColumn();"
event. 事件。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.