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

Posted 2023-02-26

【中文标题】使用单击子视图中的表格单元格来填充视图中的字段

【英文标题】：Use click on table cell in subview to populate a field in the view

【发布时间】：2011-10-28 04:34:45

【问题描述】：

我有一个带有项目数据网格的局部视图。当用户在主视图的文本框中输入客户端时，部分视图会作为子视图加载，以显示该客户端所有项目的数据表。表格的两列是“选择”图像和项目编号。如果单击某行的选择图像单元格，我想在我的主视图上用该行的项目编号填充一个文本框。

我该怎么做？

【参考方案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.

【讨论】：

是的，我的意思是使用 jquery。不知道我是怎么做到的。

它没有捕捉到子视图上单元格的点击。如何引用子视图的点击次数？

@RememberME，你在说什么？有机会看到您的标记吗？

表格在局部视图上。我想用项目编号填充的文本框位于主视图上。

知道了$(".selectImg").live('click', function () 感谢您的帮助！