我使用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. 最佳方式瓦爾
- 7. 檢查數據的最佳方法是否爲布爾型
- 8. 使用現有標記呈現Zend_Form的最佳方式
- 9. 在PHP中實現數據結構的最佳方式?
- 10. 在JSP中呈現JSON數據的最佳做法是什麼?
- 11. 將AJAX響應呈現爲div的最佳方式是什麼?
- 12. 開始構建自定義呈現控件的最佳方式?
- 13. 將隱藏數據添加到datatables.net中的單元格的最佳方法?
- 14. 表示單元格在網格中呈現的格式的最佳方式?
- 15. 在數據庫中存儲一對多列的最佳方式
- 16. 使用express在node.js中呈現LESS.js樣式表的最佳方式是什麼?
- 17. 最佳方式發佈
- 18. 從detailViewController獲取布爾值的最佳方式是什麼?
- 19. 呈現Tesselated對象(OpenGL)的最佳方式
- 20. 呈現2D動畫精靈的最佳方式openGl ES
- 21. 呈現和保存圖像的最佳方式
- 22. 呈現手繪人物的最佳方式
- 23. 將對象呈現爲html的最佳方式
- 24. HTML5 - 呈現橢圓弧的最佳方式
- 25. 什麼是通過jQuery和Ajax呈現重複div的最佳方式?
- 26. 什麼是在列表視圖中以不同方式呈現各個子類的最佳方式
- 27. 將二進制數據整數轉換爲一系列布爾值的最佳方式是什麼?
- 28. 在React Native中使用條件呈現的最佳方法
- 29. 在scipy和pyplot中呈現RGB數據的不同呈現方式
- 30. 以行和列的格式顯示數據的最佳方式
這太好了。我認爲你應該接受你自己的答案,也許這將在未來幫助其他人。 – davidkonrad 2014-12-04 09:51:37