html - JqWidgets - 将主题应用于 jqxgrid

Question

在 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 中，我能够设置 theme 属性。

  <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>

还是不行。有什么想法吗？

Answer 1

明白了。将 css 主题的名称应用到您的 jqxGrid

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