使用數據表修改TableTools

我想知道如何在複製按鈕之前添加一個按鈕，該按鈕始終是鏈接到資源的創建頁面的鏈接。因此，如果它在用戶/用戶和按鈕列表中，如果用戶單擊添加，則它將轉到/ users/create。我將如何用下面的代碼來做到這一點。我也有一些錯誤和研究，發現我的錯誤可能是由於我的文件呈現的順序。我已經包含了下面的命令。我希望有人能以某種方式幫助我。使用數據表修改TableTools

TypeError: jQuery[g3g][((((Y2 + Z3) + G4) + p1) + F9e)] is undefined 


...((Y2+G4+d6g+Z3+G4+A1e+U2+y8g))):jQuery&&!jQuery[g3g][(Y2+Z3+G4+p1+F9e)][(y8+t5e+... 


dataTab...itor.js (line 475, col 170) 
TypeError: DataTable.Editor is undefined 


DataTable.Editor.defaults.display = "bootstrap"; 

editor....trap.js (line 8) 


$('document').ready(function() { 
    $('#myDatatable').dataTable({ 
     "pagingType": "full_numbers", 
     "aoColumnDefs": [ 
      { 'bSortable': false, 'aTargets': [-1] }, 
      { 'sWidth': '30px', 'aTargets': ['idTH'] }, 
      { 'sWidth': '150px', 'aTargets': ['actionsTH', 'subTH'] }, 
      { 'sClass': 'text-center', 'aTargets': ['idTH', 'actionsTH', 'subTH'] } 
     ], 
     "iDisplayLength": 10, 
     "aLengthMenu": [ 
      [5, 10, 25, 50, -1], 
      [5, 10, 25, 50, "All"] 
     ], 
     dom: '<"dt-panelmenu clearfix"Tfr>t<"dt-panelfooter clearfix"ip>', 
     "oTableTools": { 
      "sSwfPath": "vendor/plugins/datatables/extensions/TableTools/swf/copy_csv_xls_pdf.swf" 
     } 
    }); 
}); 

<script src="http://myapp.app/vendor/jquery/jquery-1.11.1.min.js"> 
<script src="http://myapp.app/vendor/jquery/jquery_ui/jquery-ui.min.js"> 
<script src="http://myapp.app/assets/js/bootstrap/bootstrap.min.js"> 
<script src="http://myapp.app/assets/js/utility/utility.js"> 
<script src="http://myapp.app/assets/js/main.js"> 
<script type="text/javascript"> 
<script src="http://myapp.app/vendor/plugins/datatables/media/js/jquery.dataTables.js"> 
<script src="http://myapp.app/vendor/plugins/datatables/media/js/dataTables.bootstrap.js"> 
<script src="http://myapp.app/vendor/plugins/datatables/extensions/TableTools/js/dataTables.tableTools.min.js"> 
<script src="http://myapp.app/vendor/plugins/datatables/extensions/Editor/js/dataTables.editor.js"> 
<script src="http://myapp.app/vendor/plugins/datatables/media/js/dataTables.bootstrap.js"> 
<script src="http://myapp.app/vendor/plugins/datatables/extensions/Editor/js/editor.bootstrap.js"> 
<script src="http://myapp.app/assets/js/my-datatables.js">

來源

2015-02-23 user3732216

這樣的事情https://datatables.net/forums/discussion/20149/sbuttontext-not-working-when-extending-editor-create。歡呼 – 2015-02-24 07:39:29

我更新了我的帖子，因爲我仍然不確定如何處理上述問題。 – user3732216 2015-02-28 18:16:58

好的一個，在你的<script>標籤部分，你打開一個標籤，但從不關閉它。這可能是你沒有定義的奇怪錯誤。與其腳本的位置和順序無關。

至於爲您的用戶界面添加一個按鈕，有時候數據表可以解釋它，它並不總是對您有利，對那些用戶來說更是如此按鈕是基於閃光的。您的來電$('#myDatatable').dataTable({});後

簡單地通過附加標準jQuery方法的元素..

即：

我願意爲例子來說說

$('#myDatatable').append('<div style="width:100px;height:30px;background-color:#F60;color:#fff;position:absolute;top:2px;right:275px;">Hello</div>');

同樣主要用於舉例來說，您可以根據需要進行調整，但基本上可以將這個按鈕緊貼在這些按鈕旁邊，如果您喜歡，您可能會將它放入按鈕容器中，但是隨後您會因爲額外的樣式而陷入混亂，如果你總體感覺到事情的話，最容易去旁邊。

來源

2015-03-02 17:47:16 chris

使用數據表修改TableTools

回答

相關問題