サブビュー内のテーブルセルをクリックしてビュー内のフィールドにデータを入力する

Question

私はプロジェクトデータのグリッドを部分的に表示しています。ユーザーがメインビューのテキストボックスにクライアントを入力すると、partialviewはサブビューとしてロードされ、そのクライアントのすべてのプロジェクトのデータの表が表示されます。テーブルの2つの列は、「選択」画像とプロジェクト番号です。行の選択イメージセルがクリックされた場合、メインビューのテキストボックスにその行のプロジェクト番号を入力したいと思います。

どうすればいいですか？

Answer 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を。