我使用datatables.net數據網格與jquery和bootstrap。我有一大堆JSON數據,其中包含一些布爾列,並希望將一個datatables列呈現爲checked或unchecked複選框(當然,所有這些都有bootstrap樣式)。最簡單/最快的做法是什麼?在jquery datatables.net中呈現布爾數據列的最佳方式
6
A
回答
19
我回答我的問題:-)這其實很簡單:
var simple_checkbox = function (data, type, full, meta) {
var is_checked = data == true ? "checked" : "";
return '<input type="checkbox" class="checkbox" ' +
is_checked + ' />';
}
var setup_datatable = function() {
$('#data-table').DataTable({
"columns": [
{ "data": "id", "className": "text-center"},
{ "data": "keywords"},
{ "data": "platform"},
{ "data": "is_active", "render": simple_checkbox},
{ "data": "is_terminated", "render": simple_checkbox}
],
"ajax": "/data"
}); // DataTable
}
2
添加禁用類將刪除功能的頁面上,但保持外觀。
var simple_checkbox = function (data, type, full, meta) {
var is_checked = data == true ? "checked" : "";
return '<input type="checkbox" **class="checkbox disabled"** ' +
is_checked + ' />';
}
+0
謝謝@eric菲利普斯,這是一個好主意 – Deano 2017-10-17 17:45:10
相關問題
- 1. 呈現跳線的最佳方式
- 2. 呈現java的最佳方式?
- 3. 以角度呈現數據的最佳方式
- 4. 在WinForms應用程序中呈現HTML的最佳方式?
- 5. 在ASP.NET MVC 3中呈現System.Drawing.Image的最佳方式查看
- 6. 什麼是在QLabel中呈現WSQ圖像的最佳方式
- 7. jQuery DataTables呈現列數據
- 8. 在Sammy.js模板中呈現對象的嵌套列表的最佳方式?
- 9. 最佳方式瓦爾
- 10. 呈現HTML5中互連元素的網頁的最佳方式?
- 11. 檢查數據的最佳方法是否爲布爾型
- 12. 使用現有標記呈現Zend_Form的最佳方式
- 13. 在PHP中實現數據結構的最佳方式?
- 14. 在php中實現數據庫連接的最佳方式
- 15. 在JSP中呈現JSON數據的最佳做法是什麼?
- 16. OpenGL ES - 在屏幕上呈現150,000紋理的最佳方式
- 17. 呈現非立方體沙盒遊戲的最佳方式?
- 18. 將AJAX響應呈現爲div的最佳方式是什麼?
- 19. 開始構建自定義呈現控件的最佳方式?
- 20. 將隱藏數據添加到datatables.net中的單元格的最佳方法?
- 21. 表示單元格在網格中呈現的格式的最佳方式?
- 22. 在數據庫中存儲一對多列的最佳方式
- 23. 排除jQuery DataTables.net的最後一列TableTools
- 24. 爲分佈式團隊共享數據庫的最佳方式
- 25. 使用express在node.js中呈現LESS.js樣式表的最佳方式是什麼?
- 26. 最佳方式發佈
- 27. 呈現子佈局的數據源的標準方式 - Sitecore
- 28. 呈現Tesselated對象(OpenGL)的最佳方式
- 29. 呈現2D動畫精靈的最佳方式openGl ES
- 30. 呈現和保存圖像的最佳方式
這太好了。我認爲你應該接受你自己的答案,也許這將在未來幫助其他人。 – davidkonrad 2014-12-04 09:51:37