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中，我可以设置主题属性。

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