2017-03-09 10 views
0

私のテキストを読んでくれてありがとう。ブートストラップテーブルの編集可能な拡張機能とx編集可能な書き戻しJSON

data-toggle="table" 
    data-url="api/api.php/" 
    data-side-pagination="client" 
    data-query-params="queryParams" 
    data-response-handler="responseHandler" 
    data-pagination="true" 
    data-page-list="[10, 25, 50, 100, ALL]" 
    data-page-size="20" 
    data-sort-name="nr" 
    data-sort-order="desc" 
    data-striped="true" 
    data-show-refresh="true" 
    data-show-columns="true" 
    data-height="720" 
    data-detail-view="true" 
    data-detail-formatter="detailFormatter" 
    data-sortable="true" 
    data-search="true" 
    data-show-export="true" 
    data-export-types="['excel']" 

すべてが非常にうまく動作しません: これは私が使用してプロジェクト(ブートストラップ・テーブル)
http://bootstrap-table.wenzhixin.net.cn/documentation/

私はそれらのオプションを持つテーブルの使用です。 JSONで自分のAPIからテーブルを表示するためのデータを受け取ります。

問題:
編集可能なフィールドを追加したいと思います。私は例で見たよう が、私はこれらのものが含まれていました。

[example] 
http://issues.wenzhixin.net.cn/bootstrap-table/#extensions/editable.html 

[included stuff] 
JS: 
bootstrap-table/extensions/editable/bootstrap-table-editable.js 
http://rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/js/bootstrap-editable.js 
CSS: 
http://rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/css/bootstrap-editable.css<br> 

私はテーブルの上に私の分野の一つに、「データ編集可能=」true」属性をテストするために追加 結果が光学的に変化するということです。フィールドは、それは私のAPIに書き戻されませんが、それはブラウザ上の変更を表示します。私はページが更新された場合、変更は消えています。テーブルやテーブルオプションのどこにでもPKを定義して正しく動作させるにはどうすればいいですか? 誰かが私にAPI(URL)への書き戻し(POST)とAにポストするJSON PIさん?

誰かがこのプロジェクトを使用して私を助けてくれることを願っています。 申し訳ありませんが何かが明確でないか、私は間違っています。私は開発者ではありません。 ここでは「タグ」についてはわかりません。うまくいけば正しい。

ありがとうございました!

答えて

0

jQueryのないフッターにヘッダーにloadetする必要があります/それは動作します:動作するようになりまし

私のテスト機能:

$('#table').on('editable-save.bs.table', function(e, field, row, oldValue, $el){ 
    console.log(row); 
    // write an ajax call to post back the values to your database 
}) 
0

onEditableSaveメソッドを使用します。ご参考のために以下に示すサンプルコード:

 onEditableSave: function (field, row, oldvalue, $el) { 
     //console.log(field, row, oldvalue); 
     // write an ajax call to post back the values to your database 
    }, 
+0

を私は動作するconsole.logを取得しないでください。この関数が呼び出されていないようです。 'function onEditableSave(field、row、oldvalue、$ el){ console.log(field、row、oldvalue); //値をデータベースにポストバックするためのajaxコールを作成 } ' – PeterPlanlos

+0

もう一つの例を教えてください。 – PeterPlanlos

関連する問題