设为首页 加入收藏

TOP

bootstrap datatable editor 扩展
2019-09-17 19:00:42 】 浏览:36
Tags:bootstrap datatable editor 扩展

需求:

  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就是最大的了。

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇监听文本框,动态生成复选框 下一篇深入 JavaScript 中的对象以及继..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目