Webgrid:在行上获取模型项单击

Question

我正在尝试找到一种方法来使整个行可裁剪。到目前为止，我找到的教程都是使用表中可见的项目来为每行创建链接。例如

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

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

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

我想包括一个隐藏列，我在其中传递id。但是，隐藏列确实会在表上创建一些额外的空间，尽管它们是不可见的；我不希望这样。

我如何才能做到这一点？当单击某一行时，如何在模型中获取值，而不是在表中获取值。是否可以将我的某一列设置为id，这将是我想用来在行单击时创建链接的模型项？

Answer 1

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