2017-01-25 6 views
0

インライン編集と同じですが、単一送信ボタンを使用して保存する以下のようなRazorビューページを開発しようとしています。asp.net mvcでサブミットボタンのブートストラップを使用してテーブル全体を保存できるインライン編集可能なテーブル

enter image description here

だから、私はここから続けることができ、私はそのようにjQueryのDataTable、

として任意のサードパーティのライブラリを使用することを計画していないよどのように私のビューページ

@model IEnumerable<sample.Models.Sample> 

<table class="table"> 
    <tr> 
     <th> 
      @Html.DisplayNameFor(model => model.Name) 
     </th> 
     <th> 
      @Html.DisplayNameFor(model => model.Value) 
     </th> 
     <th></th> 
    </tr> 

@foreach (var item in Model) { 
    <tr> 
     <td> 
      @Html.DisplayFor(modelItem => item.Name) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.Value) 
     </td> 
     <td> 
      @Html.ActionLink("Edit", "Edit", new { id=item.Id }) 
     </td> 
    </tr> 
} 

</table> 

にこのレベルまでやりました

答えて

0

jQueryデータテーブルを使用する必要はありませんが、なぜ基本的なjQueryを使用できないのですか。編集時にインラインテキストコントロールのダーティ属性を設定し、送信時にjQueryを使用してajax呼び出しを行い、JSON形式のデータをコントローラ内のpostメソッドに渡すことができます。

+0

私が参照できる優れた例をお勧めします – kez

関連する問題