用户控制上的链接在同一页面中被多次引用

link on usercontrol referenced multiple times in same pages

本文关键字：引用 一页 控制 链接 用户      更新时间：2023-09-26

我有一个带有下拉菜单的用户控件，在用户控件旁边有一个链接，该链接根据下拉菜单的值打开弹出窗口

我有一个页面，我引用了usercontrol两次使用不同的id。但我的问题是，当我点击页面上的单个链接，因为链接是在用户控件本身以及下拉菜单的值，下拉菜单的值，我选择$find('<%=RadComboBox1.ClientID%>').get_value();在两种情况下是相同的，或者从最后一个元素

查找

它因为RadComboBox1的ID与页面无关，而与用户控制相关，所以它将具有相同的ID，并将获得相同的值为两个弹出链接

如何使链接正常工作??

用户控件

<script type="text/javascript">
function openPopUp() {
        var ddlValue = $find('<%=RadComboBox1.ClientID%>').get_value();
        if (ddlValue.length <= 0) {
            alert('Please Select a Vendor');
        }
        else {
            var jsURL = "/Open.aspx?id=" + ddlValue;
            return OpenPOPWindow(jsURL, 550, 1250, 340, 160);
        }
    }
</script>
<telerik:RadComboBox runat="server" ID="RadComboBox1" Height="190px" OnClientSelectedIndexChanged="javascript:openPopUp();" >
<a runat="server" id="lnkPopUp" visible="false"  href="javascript:void(0);">View Data</a>

你确定它得到相同的ID吗?因为它不应该。

你为什么不更新到

javascript:openPopUp(this);

或从代码后面添加:

RadComboBox1.OnClientSelectedIndexChanged = "openPopUp('" + RadComboBox1.ClientID + "')";

这意味着openPopUp将始终对您当前的组合框(第一个示例)或组合框id(第二个示例)有正确的引用。

后来编辑:

我刚刚做了一些测试。

首先，我用以下代码创建了一个用户控件: 
Options here: 
<asp:DropDownList runat="server" ID="ddlOptions">
    <asp:ListItem Text="option 1"></asp:ListItem>
    <asp:ListItem Text="option 2"></asp:ListItem>
    <asp:ListItem Text="option 3"></asp:ListItem>
</asp:DropDownList> 
<a href="javascript:linkit('<%=ddlOptions.ClientID%>')">Link here</a>

然后我创建了一个页面:

    <uc1:test runat="server" ID="test1" /><br />
    <uc1:test runat="server" ID="test2" />
    <script language="javascript" type="text/javascript">
        function linkit(id)
        {
            alert(document.getElementById(id).value);
        }
    </script>

其中uc1:test是前面描述的控件。

如果我在下拉列表中选择不同的选项并单击链接，我将得到正确的选择选项(每个链接不同)。

这和你遇到的问题不一样吗?

相关文章：