html
  • css
  • angularjs
  • jqxgrid
  • jqwidget
  • 2017-06-16 36 views 0 likes 
    0

    在Angular中,我嘗試將主題應用於我的網格。JqWidgets - 將主題應用於jqxgrid

    我網

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

    不過這是行不通的。有任何想法嗎?

    +0

    我取得了一些進展,但仍然沒有成功。差不多了。上面說明了更改。 – Adrew

    +0

    控制檯中的錯誤讀爲。 1)ReferencError:$未定義2)Bootstrap的JavaScript需要jQuery – Adrew

    回答

    0

    明白了。應用CSS主題的名稱,以您的jqxGrid

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