2010-12-16 5 views
0

更新日: 私は2つのグリッドを持つ簡単なソリューションをアップロードしました。最初のグリッドをダブルクリックすると、行IDを取得できますが、2番目のグリッドに「誰か」を渡すのですか?...私はそれを得ることはできません..ヘルプをしてください。MVCは1つのグリッドから別のグリッドにデータを渡します

解答がアップロードされていますURL - > http://www.4shared.com/file/HPRynWG8/MvcApplication1.html

ペップ


私は最初のグリッドの行をダブルクリックすると、私は私の2つのグリッド(MVC 2.0) に問題があり、第2のグリッドは、リロードする必要がありますし、クリックされた行に一致する詳細なデータを最初のグリッドから表示します。 しかし、行IDを最初のグリッドから2番目のグリッドに渡すにはどうすればよいですか?

ペップ

答えて

0

PEP、あなたのROWIDを使用してAjaxの呼び出しを介してこれを実行する必要があります

。 IDの行ごとにテーブル構造を設定していれば、行きたいと思っています。機能は次の行に沿っています(jqueryを前提としています)。

$(document).ready(function() { 
    $('#grid1 tr').dblclick(function(){ 
     var id = $(this).attr('id'); 
     var url = '<%=Url.Action("Details")%>/' + id; 
     // now call your controller action with this id via $ajax() 
     $.ajax(/* your core code here */); 
    }); 
}); 

あなたの呼び出されたアクションは、partialviewにデータを入力する必要があります。これは、ページ上のターゲットテーブルのdiv idをターゲットにします。

私はjqueryの/ AJAXに精通していると仮定しています - エンティティを含む非表示の入力フィールドが含まれ、これは

1

は、第1グリッドの各行を持っているのに役立ちます願っています/行ID(または各行に 'ROWID'のようなIDまたはクラスを与えます)。次に、あなただけのサーバー上でのすべてをレンダリングし、ページにレンダリングされたグリッドを挿入するためにjQuery's .html()を使用することができます第2のグリッドを更新するには

$(document).ready(function() { 
    $('#firstgrid tr').dblclick(function(){ 
    var id = $(this).find('input').val(); 
    var urlToRequestDataFrom = /* built using the id above */ 
    $.ajax(/* request data and update second grid */); 
    }); 
}); 

ような何かをするためのjQueryを使用しています。また、サーバーからJSON結果を返し、DOM操作のためのjQueryのメソッドを使用してカスタムDOM操作を使用してレンダリングするか、the templating systemを見てください。

詳細参照:

jQuerydblclick

データを取得するには、jQuery getまたはjQuery ajax

を使用します
関連する問題