Javascript代码隐藏和显示面板

时间:2013-02-15 04:33:29

标签: c# javascript asp.net

我想要一个javascript代码来隐藏/显示面板
如果网格有数据,面板有一个网格......然后应该显示面板 如果网格为空,则应隐藏面板

我试过这段代码..但是它不起作用......

<script language="javascript" type = "text/javascript">
    var gridview = (document.getElementById("#<%= gridview1.ClientID %>")) ? true : false;
    if (gridview) {
        document.getElementById("Panel1").style.display = 'inline';
        }
    else {
  document.getElementById("Panel1").style.display = 'none';
    }
</script> 

3 个答案:

答案 0 :(得分:2)

删除#中的document.getElementById("#<%= gridview1.ClientID %>")

答案 1 :(得分:0)

在行 -

var gridview =(document.getElementById(“#&lt;%= gridview1.ClientID%&gt;”))? true:false;

而不是使用(“#&lt;%= gridview1.ClientID%&gt;”),自己编写网格的直接ID。赞。

var gridview =(document.getElementById(“gridview1”))? true:false;

试一试。

答案 2 :(得分:0)

首先,我不熟悉C#,所以我不能代表代码的其他部分。至于JavaScript,你应该知道几件事:

  1. getElementById不返回布尔值,它返回一个对象。所以用!!强制转换为布尔值
  2. getElementById不会告诉您元素中是否有值。它只返回getElementById指定的DOM对象。您需要检查innerText(用于IE,chrome,safari)或textValue(用于firefox,chrome,safari)属性。如果使用jQuery,请检查.val()或.text()是否为空。
  3. getElementById只使用元素的名称,而不是#。 jQuery使用它。
  4. 希望它有所帮助,
    安吉拉:)