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