0

我在 la 页面中有一个 .ascx 控件。在该控件中，我有一个带有可扩展内容的 GridView。到现在为止还挺好。当我尝试创建全部展开/全部折叠按钮时，我的问题就开始了。由于某种原因，我必须将Javascript函数放在.aspx页面中，否则无法找到它们。

如何从控件中检索 gridview 数据？我想为每一行调用我的 expandOne 函数，但我无法访问这些行。expandOne 在一行上工作正常。

var gvObject = document.getElementById('GridView1');

一片空白。

var gvObject = $('GridView1');

给出不是网格的东西（gvObject.rows 为空）并且 gvObject.length == 0

var grid = document.getElementById('<%=GridView1.ClientID %>');

将崩溃（当前上下文中不存在“GridView1”）。

.

这是HTML

<asp:GridView ID="GridView1" runat="server" AllowPaging="false" AutoGenerateColumns="False" ShowHeader="false">
<Columns>
  <asp:TemplateField>
      <ItemTemplate>
          <a href="javascript:collapseExpand('Job-<%# Eval("Index") %>');" >
          <img id="imageJob-<%# Eval("Index") %>"  alt="Click to show/hide orders"  border="0" src="../images/plus.png" /></a>
      </ItemTemplate>
  </asp:TemplateField>
  <asp:BoundField DataField="TitleCnt" />

  <asp:TemplateField>
      <ItemTemplate>
          <tr><td colspan="100%">
              <div id="Job-<%# Eval("Index") %>" style="display:none; left:25px;" class="answer">
                <asp:Label Text="Some content" runat="server"></asp:Label>
              </div>
          </td></tr>
      </ItemTemplate>
  </asp:TemplateField>
</Columns>
</asp:GridView>

和 javascript

function expandOne(obj) {
    var gvObject = document.getElementById(obj);
    var imageID = document.getElementById('image' + obj);
    gvObject.style.display = "inline";
    imageID.src = "../images/moins.png";
}

function ExpandAll() {
    var gvMaster = $('GridView1');
    for (i = 0; i < gvMaster.rows.length; i++) {
        expandOne('Job' + i);
    }
}

非常感谢。

4

1 回答 1

0

如果您使用的是 .Net 4，则可以设置 GridView 的ClientIDMode="Static". 这将在客户端上生成一个表，其中 id 属性为“GridView1”。那么这应该给你桌子：

var gvObject = document.getElementById('GridView1');

您的 jQuery 选择也可以使用，但您必须包含 # 字符：

var gvObject = $('#GridView1');

有关 ClientIDMode 的信息，请参阅http://msdn.microsoft.com/en-us/library/system.web.ui.control.clientidmode.aspx

于 2012-06-26T15:52:50.107 回答