Использование модального диалога jQuery UI внутри ASP.NET - PullRequest
2 голосов
/ 17 ноября 2010

В настоящее время у меня есть проект, где у меня есть форма в ASP.NET, которая нуждается в поиске службы. Например, для ввода ниже требуется идентификатор клиента, но, возможно, пользователь знает клиентов только по имени.

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

Я хотел бы использовать модальное диалоговое окно пользовательского интерфейса jQuery, чтобы добавить изображение справа от этого ввода, которое выдает dialog("open"), содержащий необходимый код для поиска клиента по имени, возвращая идентификатор обратно на вход формы после закрытие диалога. Эта функция очень похожа на значок триггера 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;
});

Мне нужно иметь возможность передать идентификатор элемента ввода в jQuery, возможно, с помощью селектора $ (this). Я хотел бы иметь возможность повторно использовать один и тот же код для нескольких элементов в одной и той же форме, которые требуют поиска идентификатора клиента. Я также не знаю, как создать такую ​​функциональность в среде ASP.NET, потому что она принципиально не позволяет использовать более одной формы на одной странице .aspx.

Любая помощь или руководство в правильном направлении очень ценится!

Ответы [ 2 ]

0 голосов
/ 18 ноября 2010

лучше сделать пользовательский контроль, который может запустить это модальное всплывающее окно.В зависимости от элемента управления на странице может быть несколько модальных всплывающих окон, и будет запускаться только необходимое.Но вам нужно исправить это в коде этого пользовательского элемента управления.

0 голосов
/ 17 ноября 2010

что-то вроде $ (this) .text () или $ (this) .val () должно сработать.

...