jquery - チェックボックスと部分ビュー

Question

私の見解では、複数のデータ ソースのチェック ボックスといくつかのテキスト ボックスと検索ボタンがあります。

<table width="100%">
   <tr>
       <td width="12%">
           Data Source
       </td>
       <td>
          @Html.CheckBoxFor(per => per.DataSource1) &nbsp; DataSource1 &nbsp; &nbsp; 
          @Html.CheckBoxFor(per => per.DataSource2) &nbsp; DataSource2 &nbsp; &nbsp;  
          @Html.CheckBoxFor(per => per.DataSource3) &nbsp; DataSource3 &nbsp; &nbsp;         
          @Html.CheckBoxFor(per => per.DataSource4) &nbsp; DataSource4 &nbsp; &nbsp;
          @Html.CheckBoxFor(per => per.DataSource5) &nbsp; DataSource5 &nbsp; &nbsp;
       </td>
        <td>
           First Name
       </td>
       <td>
           @Html.TextBoxFor(per => per.FirstName)
       </td>

        <td>
           Last Name
       </td>
       <td>
           @Html.TextBoxFor(per => per.LastName)
       </td>
       <td>
           <button name="button" value="search" class="button">
                    Search</button>
       </td>
   </tr>

テキストボックスに入力された値に基づいて検索ボタンをクリックすると、チェックされたデータソースで名前が検索されます。データソース 1 と 2 が最初に選択され、姓が DataSource1 と datasource2 に対して検索されるとします。結果の 2 つのリストが部分ビューでグリッドに入力され、2 回表示されます。

これを達成する方法。選択したソースに応じて、5 つのグリッドが表示されます。データソースは将来的に増加する可能性があるため、選択したソースの数に応じてグリッドの動的な読み込みを処理するものを作成したかった