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

时间:2013-01-13 17:02:49

标签: jquery asp.net-mvc webgrid

我正试图找到一种方法来使整行成为可能的。到目前为止,我找到的教程使用表中可见的项来为每行创建链接。例如

$(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的模型。但我的webgrid只显示FirstNmae和Lastname。我想让行可以点击,而是使用SSN来构建点击链接位置。

我想要包含一个隐藏的列,我在其中传递了id。但是,隐藏的列确实会在桌面上创建一些额外的空间,尽管它们不可见;我不想要这个。

我怎样才能做到这一点?如何在模型中获取值,但在单击行时不在表中获取值。是否可以使用id设置我的一个列,这将是我想用于在行点击上创建链接的模型项?

1 个答案:

答案 0 :(得分:0)

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