YUI 3 Выполнение AJAX-вызова от нажатия кнопки и заполнение текстовых полей - PullRequest
Новая
       19

YUI 3 Выполнение AJAX-вызова от нажатия кнопки и заполнение текстовых полей

0 голосов
/ 08 ноября 2011

Я использую ASP.NET MVC 3 с Razor. И я использую YUI 3.4.1.

У меня есть веб-страница с кнопкой с текстовыми полями. Когда пользователь нажимает кнопку, я выполняю AJAX-вызов базы данных, а затем текстовые поля заполняются возвращенными данными (на той же странице, что и эта кнопка). В настоящее время это делается с помощью jQuery. Ниже приведен код, как бы я сделал то же самое, используя YUI 3.4.1? Что мне нужно изучить и есть ли уже доступные образцы?

Вот текущий код: 

$('#btnPrepopulateEmployeeDetails').click(function () {
     var url = '/GrantApplication/GetEmployeeInfo';
     var data = { employeeNumber: $('#EmployeeNumber').val() };

     $.getJSON(url, data, function (data) {
          $('#Title').val(data.Title);
          $('#FirstName').val(data.NickName);
          $('#LastName').val(data.Surname);
          $('#BranchNumber').val(data.BranchID);
          $('#WorkTelephoneNumber').val(data.TellO);
          $('#CellphoneNumber').val(data.TellC);
     });
});

btnPrepopulateEmployeeDetails - идентификатор тега кнопки. Title thru CellphoneNumber - это все текстовые поля, которые необходимо заполнить.

Я оценил все отзывы:)

1 Ответ

4 голосов
/ 08 ноября 2011

Было бы неплохо показать, что вы уже пробовали и с какими трудностями вы столкнулись.Что касается образцов, то документация довольно обильна.Достаточно прочитать.

В любом случае: 

Y.on('load', function (e) {
    Y.one('#btnPrepopulateEmployeeDetails').on('click', function (evt) {
        evt.preventDefault();
        var data = { employeeNumber: Y.one('#EmployeeNumber').get('value') };
        Y.io('/GrantApplication/GetEmployeeInfo', {
            method: 'GET',
            data: data,
            on: {
                success: function (id, result) {
                    var json = Y.JSON.parse(result.responseText);
                    Y.one('#Title').set('value', json.Title);
                    Y.one('#FirstName').set('value', json.NickName);
                    Y.one('#LastName').set('value', json.Surname);
                    Y.one('#BranchNumber').set('value', json.BranchID);
                    Y.one('#WorkTelephoneNumber').set('value', json.TellO);
                    Y.one('#CellphoneNumber').set('value', json.TellC);
                }
            }
        });
    });
});
...