2017-03-24 4 views
0

私はjQuery jTableを作成できますが、私が作業している例で作成したテーブルとは異なる設定をしたいのです。jQuery jTableを作成するためのフルセット

http://jtable.org/GettingStarted

私はテーブルがドキュメントで作成されたときに使用できる設定可能なオプションのリストを見つけるかもしれない場所を見ていませんよ。

http://jtable.org/Home/Documents

ドキュメントのこのタイプは、どこかに存在しますか?

たとえば、「新しいレコードを追加する」オプションを使用せずにjTableを作成するにはどうすればよいですか?

これは私がこれまで持っているコードです:ここでは

<%@ include file="/WEB-INF/jsp/headerfooter/header/pageHeader.jsp"%> 
<html> 

    <head> 

     <!-- jQuery-ui dependencies (needed by jQuery jTable) --> 
     <script src="${home}/static/jquery-ui-1.12.1/jquery-ui.min.js" type="text/javascript"></script> 

     <!-- jQuery jTable dependencies --> 
     <link href="${home}/static/jtable.2.4.0/themes/metro/blue/jtable.min.css" rel="stylesheet" type="text/css" /> 
     <script src="${home}/static/jtable.2.4.0/jquery.jtable.min.js" type="text/javascript"></script> 

     <script type="text/javascript"> 
      $(document).ready(function() { 
       $('#PersonTableContainer').jtable({ 
        title: 'Table of people', 
        actions: { 
         listAction: '/GettingStarted/PersonList', 
         createAction: '/GettingStarted/CreatePerson', 
         updateAction: '/GettingStarted/UpdatePerson', 
         deleteAction: '/GettingStarted/DeletePerson' 
        }, 
        fields: { 
         PersonId: { 
          key: true, 
          list: false 
         }, 
         Name: { 
          title: 'Author Name', 
          width: '40%' 
         }, 
         Age: { 
          title: 'Age', 
          width: '20%' 
         }, 
         RecordDate: { 
          title: 'Record date', 
          width: '30%', 
          type: 'date', 
          create: false, 
          edit: false 
         } 
        } 
       }); 
      }); 
     </script> 
    </head> 

    <div id="PersonTableContainer"></div> 

</html> 

答えて

1

がJTableのためのカスタマイズオプションのあなたの完全なリストがあります: http://jtable.org/ApiReference/GeneralOptions

ドキュメントは「追加した新しいレコードを削除するにはほとんど不足しているが、 "ボタンをクリックすると、初期化オプションでaddRecordButtonをfalseに設定してみることができます。

$('#PersonTableContainer').jtable({ 
    addRecordButton: false 
}); 
+0

Doh、ドキュメントセクションの上部にリンクが表示されませんでした。私はそれがタブであることを期待していたと思う。 – John

+1

問題はありません:)私は自分でもそれらを見つけなければなりませんでしたが、過去にそれらを使用していたので、どこかにいなければならないことを知っていました。 –

+0

addRecordButton:falseが機能しませんでした。私も未定義にしようとしたが、うまくいきませんでした。空のdivを作成し、addRecordButtonを使用して:$( '#emptyDivId')が機能しました。 – John

関連する問題