Блог

Я использую ASP.NET MVC 3 with 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 это идентификатор тега button. Title thru CellphoneNumber все текстовые поля, которые необходимо заполнить.

Я ценю все отзывы 🙂

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

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

 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);
                }
            }
        });
    });
});