bootgrid與可編輯文本框

Question

如何在我的BootGrid中添加可編輯文本框與列的文本，以便在它打開文本框進行編輯，如果我改變它移動到下一行或丟失文本框的焦點將導致保存到數據庫？

我該怎麼做？

Answer 1

<table id="grid-keep-selection" class="table table-condensed table-hover table-striped"> 
    <thead> 
     <tr> 
      <th data-column-id="order" data-type="numeric" data-identifier="true">#</th> 
      <th data-column-id="selected" data-formatter="commands" data-sortable="false">Seçili</th> 
     </tr> 
    </thead> 
    <tbody> 
     @foreach (var item in Model) 
     { 
      <tr> 
       <td>@i</td> 
      </tr> 
      i += 1; 
     } 
    </tbody> 
</table> 


    $("#grid-keep-selection").bootgrid({ 
     formatters: { 
      "commands": function (column, row) { 
       return "<input type=\"number\" class=\"form-control\" name=\"txtSoru\" id=\"txtSoru" + row + "\" value=\"0\" min=\"0\" max=\"" + row + "\" />"; 
      } 
     } 
    });