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

Question

У меня есть частичное представление с сеткой данных проекта.Когда пользователь вводит клиента в текстовое поле в главном представлении, частичное представление загружается как подпредставление, чтобы отобразить таблицу данных для всех проектов для этого клиента.Два столбца таблицы - это «выбранное» изображение и номер проекта.Если щелкнуть выбранную ячейку изображения строки, я бы хотел заполнить текстовое поле на главном экране номером проекта для этой строки.

Как я могу это сделать?

Answer 1

Вы можете использовать jQuery:

$('.selectImage').click(function() {
    // an element with class="selectImage" was clicked
    // we try to fetch the value of the project number
    var projectNumber = $(this).closest('tr').find('.projectNumber').text();
    $('#selectedProjectNumber').val(projectNumber);
});

Вот демоверсия .

В качестве альтернативного подхода вы можете использовать атрибуты data- * HTML5 в элементе DOM select image для хранения номера проекта. Например:

<td class="selectImage" data-project-number="123">select image</td>

и тогда вы можете получить этот номер проекта следующим образом:

$('.selectImage').click(function() {
    // an element with class="selectImage" was clicked
    // we try to fetch the value of the project number
    var projectNumber = $(this).data('projectNumber');
    $('#selectedProjectNumber').val(projectNumber);
});

Демо .