2

jTableプラグインを使用してテーブル フォームの作成に取り組んでいます。主に ASP または PHP MVC に焦点を当てていますが、javascript/html および mongo バックエンドで実装しようとしています。

jTable API ドキュメント全体を調べたところ、フレキシグリッドと非常によく似た、json スキーマ API をテーブルに取り込む可能性があることがわかりました。

コードは次のようになります。

 $(document).ready(function () {
          $('#feeds-table').jtable({
              title: 'Accounts',
              pageSize: 15,
              ajaxSettings: {
                  type: 'GET',
                  dataType: 'json'
              },
              actions: {

              },
              fields: {
                  id: {
                      key: true,
                      list: false
                  },
                  username: {
                      title: 'Username',
                      width: '10%'
                  },
                  email: {
                      title: 'Email',
                      width: '10%'
                  },
                  applications: {
                      title: 'Applications',
                      width: '10%'
                  },
                  sites: {
                      title: 'Sites',
                      width: '10%'
                  },
                  verticals: {
                      title: 'Verticals',
                      width: '10%'
                  },
                  roles: {
                      title: 'Roles',
                      width: '10%'
                  },
                  profiles: {
                      title: 'Record date',
                      width: '30%',
                      type: 'date',
                      create: false,
                      edit: false
                  }
              }
          });
      });

URLプロパティをどこで使用する必要があるか、またはAPIリファレンスにデータを取得してテーブルに表示するための他の方法があるかどうかを誰かが見つけるのを手伝ってくれる場合。私にお知らせください！

4

2 に答える 2

1

「listAction」を JSON ドキュメントに設定することで、JSON データを直接読み込むことができます。

例：

actions: {
  listAction: 'url/file.json',
},

JSON ファイルには、指定された同じフィールドと次の構造が必要です。

{
 "Result":"OK",
   "Records":[
    {"PersonId":1,"Name":"Benjamin Button","Age":17,"RecordDate":"\/Date(1320259705710)\/"},
    {"PersonId":2,"Name":"Douglas Adams","Age":42,"RecordDate":"\/Date(1320259705710)\/"},
    {"PersonId":3,"Name":"Isaac Asimov","Age":26,"RecordDate":"\/Date(1320259705710)\/"},
    {"PersonId":4,"Name":"Thomas More","Age":65,"RecordDate":"\/Date(1320259705710)\/"}
   ]
}

一般的な方法は、上記の JSON オブジェクトを返すサーバー側スクリプト (PHP、ASP.NET...) に「listAction」をポイントすることです。

listAction詳細については、 API リファレンスを 確認してください: ApiReference-listAction

于 2013-06-12T09:16:24.000 に答える
0

アクションを使用しaddRecordます。clientOnly: true行を編集するときに jtable がサーバー呼び出しを行うのを防ぐオプションを指定できます。詳細情報 - jtable.org-addRecord

于 2013-10-24T14:17:09.723 に答える