bootstrap datatable editor 擴展

需求:javascript

  a. 表單樣式更改。css

      b. 表單大小更改。java

 

思路:bootstrap

      a. 經過設置modal css更改樣式和大小。缺點,全局性的更改。app

      b. 更改bootstrap-editor,能夠經過某種方式將參數傳入,達到更改樣式和大小的要求。dom

 

代碼:spa

      editor.bootstrap.js 中對"open"事件添加show.bs.modal,來設置大小,也是是modal顯示以前,更改樣式。blog

 

 

 $(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就是最大的了。事件

相關文章
相關標籤/搜索