bootstrap datatable editor 扩展
程序员文章站
2022-03-22 12:10:58
需求: a. 表单样式更改。 b. 表单大小更改。 思路: a. 通过设置modal css更改样式和大小。缺点,全局性的更改。 b. 更改bootstrap-editor,可以通过某种方式将参数传入,达到更改样式和大小的要求。 代码: editor.bootstrap.js 中对"open"事件添 ......
需求:
a. 表单样式更改。
b. 表单大小更改。
思路:
a. 通过设置modal css更改样式和大小。缺点,全局性的更改。
b. 更改bootstrap-editor,可以通过某种方式将参数传入,达到更改样式和大小的要求。
代码:
editor.bootstrap.js 中对"open"事件添加show.bs.modal,来设置大小,也是是modal显示之前,更改样式。
$(self._dom.content).on('show.bs.modal', function () {
var template = self._dte.s.template
var dialog_size = ''
if (template !== null) {
// dialog_size = 'modal-lg'
dialog_size = $(template).attr('set-modal-dialog')
dialog_size = dialog_size!==undefined?dialog_size:''
}
$(self._dte.dom.wrapper).parent().parent().attr('class', "modal-dialog " + dialog_size)
})
加入这段代码后我们在template中的div添加属性set-modal-dialog="modal-lg" ,这样我们的modal就是最大的了。
推荐阅读
-
利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表
-
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
-
利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表
-
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
-
bootstrap datatable editor 扩展
-
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
-
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
-
在Bootstrap开发框架中使用dataTable直接录入表格行数据
-
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
-
bootstrap daterangepicker汉化以及扩展功能