Question

目前，我有一个项目，我在ASP.NET中有一个需要查找服务的表单。例如，下面的输入需要一个客户ID，但用户可能只知道客户名称。

<input name="CustomerId" type="text" id="CustomerId" />

我想使用jQuery UI的模态对话框将图像附加到此输入的右侧，该图像会触发dialog("open")，其中包含通过名称查找客户所需的代码，并将ID返回到表单关闭对话框时输入。这与在此处找到的Datepicker图标触发器非常相似：http://jqueryui.com/demos/datepicker/#icon-trigger

现在，我有这个javascript：

$("#CustomerId").dialog({
    autoOpen: false,
    modal: true,
    draggable: false,
    resizable: false,
    buttons: {
        Ok: function () {
            $(this).dialog("close");
        },
        Cancel: function () {
            $(this).dialog("close");
        }
    }
});

$("#CustomerId").click(function () {
    $("#CustomerIdDialog").dialog("open");
    return false;
});

我需要能够将输入元素的ID传递给jQuery，可能会以某种方式使用$（this）选择器。我希望能够在需要查找客户ID的同一表单上为多个元素重复使用相同的代码。我也不知道如何在ASP.NET环境中创建这种功能，因为它从根本上不允许在一个.aspx页面中有多个表单。

非常感谢任何正确方向的帮助或指导！

Answer 1

类似于$（this）.text（）或$（this）.val（）应该可以解决问题。

Answer 2

更好地制作一个可以触发此模态弹出窗口的usercontrol。根据控件，页面可以有多个模态弹出窗口，只会激发必需的页面。但是你需要在该用户控件的代码中修复它。

在ASP.NET中使用jQuery UI的模态对话框

2 个答案: