jquery - Webgrid:单击行时获取模型项

Question

我正在尝试找到一种方法使整行都可点击。到目前为止，我发现的教程使用表格上可见的项目来为每行创建链接。例如

$(function(){
    $('tbody tr').live('hover', function(){
        $(this).toggleClass('clickable');
    }).live('click', function(){
        location.href = '/Details/' + $(this).find('td:first').text();  
    }); 
});

这对每行使用存储在 html 标记 td 中的模型项。但是，我希望能够使用未存储在表中、而是存储在该行表示的模型项目中的项目。我想使用一个我不希望出现在 table 上的 ID。

例如，假设我的 webgrid 使用包含参数 SSN、FirstName 和 Lastname 的模型。但我的网络网格只显示名字和姓氏。我想让行可点击，但使用 SSN 来构建点击链接位置。

我想包含一个隐藏列，在其中传递 id。然而，隐藏列确实会在表格上创建一些额外的空间，尽管它们不可见；我不想要这个。

我怎样才能实现这个目标？单击一行时，如何获取模型中的值而不是表中的值。是否可以使用 id 设置我的列之一，该 id 将是我想要用来在行单击时创建链接的模型项？

Answer 1

您不必显示该值，但显然您需要能够访问它，正如您似乎已经指出的那样。例如，您可以将其应用为行中元素的 id 属性值，也可以使用隐藏的表单字段。或者，如果您使用 HTML5 文档类型，则可以使用 custom data attributes