使用单击子视图中的表格单元格来填充视图中的字段

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

这是demo。

作为一种替代方法，您可以在选择图像 DOM 元素上使用 HTML5 data-* 属性来存储项目编号。例如：

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

Demo.