JqWidgets — Применение темы к jqxgrid

В Angular я пытаюсь применить тему к своей сетке.

Моя сетка

          <div class="panel-body">
            <jqxGrid #reference 
              [width]='1505' [source]='dataAdapter' [pageable]='true' [height]='500'
              [editable]='true' [columns]='columns'>
           </jqxGrid>

          </div>

В папке jqwidgets есть тема, которую я хотел бы использовать для таблицы в jqx.energyblue.css.

Я не уверен, как это назвать в сетке, которую я создал. Я новичок в этом. Любая помощь горячо приветствуется.

ОБНОВИТЬ***

Возможно, я добился некоторого прогресса. В index.html я смог установить свойство темы.

  <link href="assets/css/jqx.base.css" rel="stylesheet">
  <link href="assets/css/jqx.energyblue.css" rel="stylesheet">
  <script type="text/javascript">
        $(document).ready(function () {
            // Set the theme.
            $("#jqxTheme").jqxGrid({ theme: "energyblue" });
        });
    </script>

Затем внес изменения в саму сетку.

              <div class="panel-body">
                <jqxGrid id='jqxTheme'
                  [width]='1505' [source]='dataAdapter' [pageable]='true' [height]='500'
                  [editable]='true' [columns]='columns'>
               </jqxGrid>

              </div>

Тем не менее это не работает. Любые идеи?


html css angularjs jqxgrid jqwidget
person Adrew    schedule 16.06.2017    source источник
comment
Я добился некоторого прогресса, но все еще безуспешно. Почти готово. Изменения показаны выше.   -  person Adrew    schedule 16.06.2017
comment
Ошибки в консоли читаются как. 1) ReferencError: $ не определен 2) JavaScript Bootstrap требует jQuery   -  person Adrew    schedule 16.06.2017

Ответы (1)


arrow_upward
1
arrow_downward

Понятно. Примените имя темы css к вашему jqxGrid

   <jqxGrid
      [width]='1505' [source]='dataAdapter' [pageable]='true' [height]='500'
      [editable]='true' [columns]='columns' [theme]='"energyblue"'>
   </jqxGrid>
person Adrew    schedule 16.06.2017