2012-04-03 8 views
0

私はいくつかのカラムとデータを持つテーブルを持っています(asp.net mvc 3 Viewで示されています)。 列のグループを選択し、それらの列とそのデータを別のビューに渡して表示する必要があります。カラムのグループを選択

どうすればいいですか?ここで

は私のコードは、それを行うための

$(document).ready(function() { 
    $('#Container').jtable({    
     actions: { 
      listAction: '@Url.Action("ShowList")' 
     }, 
     fields: { 
      ID: { 
       key: true, 
       create: false, 
       edit: false, 
       list: false 
      }, 
      Name: { 
       title: 'Name', 
       width: '23%' 
      }, 
      IsActive: { 
       title: 'Active', 
       width: '23%' 
      }     
     } 
    }); 

    $('#Container').jtable('load'); 
}); 
+0

多分いくつかのコード? – Arion

+0

テーブルは、基礎となるJavaScriptオブジェクトまたは直線HTMLにバインドされていますか? – vansimke

+0

私はjtableを使ってデータを示しました。しかし、列ヘッダーをクリックすると、ソート機能になります。私はソート機能を削除し、今私は列のグループを選択したい。 P/S:コードを追加 –

答えて

0

簡単な方法です。ユーザーがマルチオプションを選択できるようにするマルチセレクションリストを追加するだけです。

//add multiselect list 
<select multiple="multiple" class="selc"> 
     <option value="Product">Product</option> 
     <option value="Category">Category</option> 
     <option value="Quantity">Quantity</option> 
     <option value="UnitPrice">Unit Price</option> 
     <option value="Total">Total</option> 
</select> 
<input type="button" id="btn" value="Click me" /> 

//add some script to get values 
$(function() { 
    $('#btn').click(function() { 
     var s = $('.selc').val();    
     $('#view2').empty(); 
     LoadPage(s); 
    }); 
}); 

function LoadPage(arr) { 
    $('#view2').append('<iframe id="frame1" width="100%" height="420" frameborder="0"></iframe>'); 
    $('iframe#frame1').attr('src', '../Home/Page.aspx?s=' + arr); 
} 

任意のより良い解決策:次に、オプションの値を取得し、

を表示するためにそれらを渡すここにいくつかのコードは?