我使用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