このページは JSP および Java で作成する必要があります
jqgridの行をクリックしたときにjqgridを表示したい。2つのアイデア、
最初のページでは、jqgrid にリストを表示する必要があり、ユーザーがグリッドの行をクリックすると
1) ページをフェードし、別のグリッドをポップアップ表示して、別のグリッドの詳細を表示する必要があります。キャンセルをクリックすると、ポップアップ グリッドが閉じられ、背景グリッドが表示される必要があります。2) 別の jqgrid が、クリックされた行のすぐ下の実際の jqgrid の上に表示される必要があります。jqgrid 行の右クリックのコンテキスト メニューのように。
私を案内してください。私はjqueryとjqgridが初めてで、これを達成するのは難しいと感じています.
だから、これはそれがどのように機能するかです...
onSelectRow:関数(id){
var data=jQuery("#gridFirstGrid").jqGrid('getRowData',id); //最初のグリッドに名前と会社があるとします
var name=data.Name; var company=data.Company;
// ID に基づいて名前と会社を直接取得する別の方法 (getCell) もあります
jQuery("#gridFirstGrid").fadeOut("slow").
選択したいデータを含む 2 番目のグリッドをここにロードします...名前または会社に基づいてデータベースからデータを取得する場合、ここから ajax リクエストを送信し、データを json 形式で返し、それを 2 番目のグリッドにバインドするとします。最初のグリッドで行っていたのと同じ方法。カスタム ボタンを 2 番目のグリッドに実装し、ボタン (キャンセル) をクリックすると、2 番目のグリッドがフェードアウトし、最初のグリッドがフェード インします。
ajax リクエストを送信する方法を知るには、MultiSelect jqgrid MVC3 のこのリンクOnClickButton 関数パラメーターを確認し、カスタム ボタンを追加する方法は、このhttp://trirand.net/examples/grid/selection/selectedrow_client/default.aspxを確認してください 。グリッドですが、それも使用できます