使用javascript在datalist中找到控件

时间:2013-10-30 10:37:41

标签: c# asp.net

使用javascript

在datalist中查找控件

假设在Datalist 2 Control中存在,如label1 label2和linkbutton 我想通过使用javascript点击链接按钮来访问label1的值 如何使用javascript

找到对数据列表内按钮点击的控制

1 个答案:

答案 0 :(得分:0)

试试这个

<asp:DataList runat="server" ID="dlData">
    <ItemTemplate>
        <asp:Label Text='<%# DataBinder.Eval(Container.DataItem, "Id") %>' runat="server"
            ID="Label1" />
        <asp:Label Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>' runat="server"
            ID="lblText" />
        <input type="button" id="btn" runat="server" name="btn" value="Click" onclick="btnClick(this);" />
    </ItemTemplate>
</asp:DataList>

在您的页面上添加脚本

<script type="text/javascript">
    function btnClick(obj) {
        var tr = getParentRow(obj);
        var datalist = document.getElementById('<%=dlData.ClientID%>');
        var txtbox = datalist.getElementsByTagName("lblText");
        var Id = datalist.rows[tr.rowIndex].cells[0].childNodes[1].innerHTML;
        var Name = datalist.rows[tr.rowIndex].cells[0].childNodes[3].innerHTML;
    }
    function getParentRow(obj) {
        while (obj.tagName != "TR") {
            if (isFireFox()) {
                obj = obj.parentNode;
            }
            else {
                obj = obj.parentElement;
            }
        }
        return obj;
    }
    function isFireFox() {
        return navigator.appName == "Netscape";
    }
</script>