Использование Bootstrap в файле Javascript - PullRequest
Новая
       10

Использование Bootstrap в файле Javascript

0 голосов
/ 06 декабря 2018

Допустим, я хочу переделать модал, построенный с использованием неуклюжего стола, и заменить его на чистый, реактивный Bootstrap модал, который похож на this .Основной index.html файл отображает модальное (в настоящее время это приложение не использует Bootstrap), но он построен в основном в файле main.js. 

 <!--index.html-->
 <div id="modal" class="hide dialog-modal" aria-labelledby="modalTitle" aria-describedby="modalContent" role="dialog" tabindex="-1">
  <div class="modal-content">
    <header class="modal-header bg fc">
      <h2 id="modalTitle" class="dialog-modal"></h2>
    </header>
    <div class="copy">
      <div id="modalContent" class="dialog-modal"></div>
      <input id="closeOverlay" class="dialog-modal bg fc" type="button" />
    </div>
   </div>
 </div>

Модальное создается в файле jsнапример: 

  dialogBox = new dijit.Dialog({
      id: 'mapPopup',
      title: "NWFWMD Flood Report",
      style: "width: 1000px;",
      content: htmlFragment,
      autofocus: !dojo.isIE, 
      refocus: !dojo.isIE,
      onHide: function () {
          feat.setSymbol(null); //clear main map graphic
          feat = null;
      }
  });

И он внедряет html в контент как «фрагменты», используя переменные, которые содержат html ... т.е. таблицу.

var content = "<div id='dialogContentDiv' style='border-style: double;padding:5px;font-family:CalciteWebCoreIcons'>" +
    "<table width=100%>" +
    "<tr width=100%>" +
...
htmlFragment += content;

Итак, html-элементы, составляющие модальный тип, таблицу, строки таблицы и т. Д., Находятся в файле js.Здесь я бы хотел заменить таблицу модальным Boostrap.Мой главный вопрос, так как это не файл index.html, и я не могу просто добавить CDNs, как мне получить функциональность Bootstrap в этом файле js?Вверху есть раздел, в котором пакеты вводятся: 

 define([
     "dojo/ready",
    ....
 ], function (
    ready, JSON,
    ....
 ) {
    return declare(null, {
        config: {},
        color: null,
    ....
  ##rest of the applications

Это где я бы добавил бустрап?

...