如何在java-script中找到C＃网格视图中的控件？ [英] How can I find a control which is in a C# grid-view with java-script?

问题描述

这是我的代码，然后我会在下面提出我的问题。

Here is my code, then i will ask my question below.

 var GridView = document.getElementById('<%=gridUploads.ClientID %>')
    if (GridView.rows.length > 0) {
        for (var i = 1; i < GridView.rows.length; i++) {
//find controls
 var modal = GridView.rows[i].getElementById('<%= myModal.ClientID %>')
}

我的模态修饰位于ac＃grid-view中名为gridUploads的项模板中。我想在javascript中找到模态控件，我该怎么做？





我试图抓住的控件是

1.模态

2.其他元素如输入，img等



如果我能算如何找到模态，我几乎可以找出其余部分。



这里是元素的声明，如果你觉得它会有所帮助。

My modal decoration is in an item-template in a c# grid-view called gridUploads. I would like to find the modal control in javascript, how would i do this?


the control i am trying to grab is
1. a modal
2. other elements like an input, img etc.

if i can figure out how to find the modal, i can pretty much figure the rest out.

here is the declaration of the elements, if you feel it would help.

<ItemTemplate>...
     <asp:Panel ID="pnluploads1" runat="server">
           <div class="scans-container">
           <div class="scanimage">
           <input class="hideelement toggle" id="'<%#Container.DataItemIndex.ToString() %>'" type="checkbox" checked="checked">
            <label class="lblscanImg"  for="'<%#Eval("ClientOrderNo") %><%#Container.DataItemIndex.ToString() %>'"> view scan</label>
           <div id="expand">
           <img id="myImg" src="../../img/test.jpg" width="300" height="200">
</div>
</div>
</div>
<!-- The Modal -->
    <div id="myModal" class="modal">
    <span class="close">×</span>
     <img class="modal-content" id="img01" src="#">
     <div id="caption"></div>
       </div>
...
</ItemTemplate>

非常感谢你的帮助。



我的尝试：

thanks so much for your help.

What I have tried:

I have tried

1) var modal = GridView.rows[i].getElementById('myModal');
//returned null.

2) var modal = document.getElementById('<%=((gridUploads)Container).FindControl("myModal").ClientID %>'); 
//grid couldn't find container

推荐答案

最简单的方法是按类名查找项目

Easiest method would be to find the items by class name

var grd = document.getElementById('<%=gridUploads.ClientID%>');
var m = grd.getElementsByClassName('modal');
for (var i = 0; i < m.length; i++) {
    var c = m[i].getElementsByTagName('div');
    c[0].innerHTML = 'Caption ' + i;
}

这篇关于如何在java-script中找到C＃网格视图中的控件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！