js怎么控制DataGrid里元素的可见性
日期：2014-05-17 浏览次数：20466 次
js如何控制DataGrid里元素的可见性
点击修改按钮，使tb_Profession_Name显示，求大神帮忙，小弟不胜感激！
------解决方案--------------------
只有给你的tb_Profession_Name定义一个class，如<input type="text" value='<%#Eval("profession_Name") % visible="false" runat="server" id="tb_Profession_Name" CssClass="test" />
修改按钮：
<input type="button" value="修改" id="btn_Update" onclick="testShow($(this))"/>
用JQUERY写:
<script type="text/javascript">
function testShow(obj){
obj.parent().prev().children(".test").show();
}
</script>
------解决方案--------------------
不定义class也行，JQUERY里直接写：<script type="text/javascript">
function testShow(obj){
obj.parent().prev().children("input").show();
}
</script>
------解决方案--------------------
最好用jquery，用JS有的浏览器获取到的是不同的ID。
------解决方案--------------------
楼上用的就是jq
- HTML code
<asp:DataGrid ID="DataGrid_Profession" runat="server">
<ItemStyle HorizontalAlign="Center"></ItemStyle>
<HeaderStyle Font-Bold="True" HorizontalAlign="Center" BackColor="#E4ECF8"></HeaderStyle>
<Columns>
<asp:TemplateColumn HeaderText="专业名称">
<ItemTemplate>
<span id="span_ProfessionName" runat="server">
<%#Eval("profession_Name") %></span>
<input type="text" value='<%#Eval("profession_Name") % visible="false" runat="server" id="tb_Profession_Name" />
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="操作">
<ItemTemplate>
<input type="button" value="修改" id="btn_Update"/>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
<PagerStyle Mode="NumericPages"></PagerStyle>
</asp:DataGrid>
点击修改按钮，使tb_Profession_Name显示，求大神帮忙，小弟不胜感激！
------解决方案--------------------
只有给你的tb_Profession_Name定义一个class，如<input type="text" value='<%#Eval("profession_Name") % visible="false" runat="server" id="tb_Profession_Name" CssClass="test" />
修改按钮：
<input type="button" value="修改" id="btn_Update" onclick="testShow($(this))"/>
用JQUERY写:
<script type="text/javascript">
function testShow(obj){
obj.parent().prev().children(".test").show();
}
</script>
------解决方案--------------------
不定义class也行，JQUERY里直接写：<script type="text/javascript">
function testShow(obj){
obj.parent().prev().children("input").show();
}
</script>
------解决方案--------------------
最好用jquery，用JS有的浏览器获取到的是不同的ID。
------解决方案--------------------
楼上用的就是jq
- JScript code
$(function () {
$("input:button[id$='btn_Update']").click(function () {
$(this).parent().prev().children("input:text[id$='tb_Profession_Name']").show();
})
})
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
