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