2

行全体をクリック可能にする方法を見つけようとしています。これまでに見つけたチュートリアルでは、テーブルに表示されているアイテムを使用して、各行のリンクを作成しています。例えば

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

tdこれは、各行の html タグに格納されたモデル アイテムを使用します。ただし、テーブルに格納されていないアイテムを使用できるようにしたいのですが、その行で表されるモデル アイテムで使用できます。テーブルに存在させたくない ID を使用したい。

たとえば、私の webgrid がパラメーター SSN、FirstName、および Lastname を含むモデルを使用しているとします。しかし、私の Web グリッドには FirstNmae と Lastname しか表示されません。行をクリック可能にしたいのですが、代わりに SSN を使用してクリック時のリンクの場所を作成します。

IDを渡す隠し列を含めることを考えました。ただし、非表示の列は表示されませんが、テーブルに余分なスペースを作成します。そして私はこれを望んでいません。

どうすればこれを達成できますか？行をクリックしたときにテーブルではなくモデルで値を取得するにはどうすればよいですか。行のクリック時にリンクを作成するために使用するモデル アイテムとなる ID を列の 1 つに設定することは可能ですか?

4

1 に答える 1

0

値を表示する必要はありませんが、指摘したように、明らかにアクセスできる必要があります。たとえば、行内の要素の id 属性値として適用したり、非表示のフォーム フィールドを使用したりできます。または、HTML5 doctype を使用している場合は、カスタム データ属性を使用できます。

于 2013-01-13T20:58:59.373 に答える