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

中的 table

我不确定如何在我创建的网格中调用它。我是新来的。非常感谢任何帮助。

更新***

我可能已经取得了一些进步。在 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>

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

Answer 1

知道了。将 css 主题的名称应用到您的 jqxGrid

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

JqWidgets - 将主题应用于 jqxgrid

JqWidgets - Applying a theme to a jqxgrid

html

css

angularjs

jqxgrid

jqwidget