KendoUI Grid - 過濾器沒有顯示

在我的angular-kendo應用程序中，我無法獲取網格過濾器來顯示 - 甚至沒有過濾器圖標，只是簡單的列標題。這裏是我的html：KendoUI Grid - 過濾器沒有顯示

<div ng-controller="IntroductionWizardCtrl"> 
     <h3 class="text-muted">Step 2: Select Application To Describe</h3> 

    <div kendo-grid id="grid" 
      k-data-source="dataSource" 
      k-sortable="true" 
      k-on-change="selectedItem = data" 
      k-selectable="'row'" 
      k-pageable='{ "refresh": true, "pageSizes": 5 }' 
      k-filterable="true"> 
    </div> 
    <div> 
     <p>{{selectedItem}}</p> 
    </div> 
    <br/> 
    <input type="submit" class="btn btn-primary" wz-next value="Proceed to Next Step" 
      data-ng-click="" /> 
</div>

這裏是對應的角控制器：

'use strict'; 

angular.module('wizardApp').controller('IntroductionWizardCtrl', ['$scope', '$location', '$rootScope', 
    function ($scope, $location, $rootScope) { 

     $scope.dataSource = { 
      data: [{id: 1, name: "Account Underwriting - Misc App", bu: 50}, 
       {id: 2, name: "Achieve - Distributed", bu: 43}, 
       {id: 3, name: "ACT!", bu: 27}, 
       {id: 4, name: "Actuarial Database", bu: 29}, 
       {id: 5, name: "Adjustment Invoicing System (AIS)", bu: 34}, 
       {id: 6, name: "buncy Download", bu: 43}, 
       {id: 7, name: "Ariba", bu: 27}, 
       {id: 8, name: "Athena NY", bu: 29}, 
       {id: 9, name: "Authoria", bu: 34}, 
       {id: 10, name: "Avenue", bu: 43}, 
       {id: 11, name: "BC&IT - Services", bu: 27}, 
       {id: 12, name: "Billing Website", bu: 29}, 
       {id: 13, name: "Blue Butler", bu: 34}, 
       {id: 14, name: "BOE External", bu: 43}, 
       {id: 15, name: "Builders Risk", bu: 27}, 
       {id: 16, name: "Business Intelligence", bu: 29}, 
       {id: 17, name: "Care Center", bu: 34}], 

       pageSize: 5, serverFiltering: true 

     }; 
     $scope.rowSelected = function(e) { 
      var grid = e.sender; 
      var selectedRows = grid.select(); 
      for (var i = 0; i < selectedRows.length; i++) { 
       $scope.selectedItem = grid.dataItem(selectedRows[i]); 
       break; 
      } 
     }; 


     $scope.categoryDataSelectedRows=[]; 

     $scope.categoryData= 
      { 
     data: 
      [{name: "General Application Information"}, 
      {name: "User Interface configuration description"}, 
      {name: "Application Architecture"}, 
      {name: "Database"}, 
      { name: "Backup & DR"}, 
      {name: "Design"}, 
      { name: "Operational data"}, 
      { name: "Testing"}, 
      {name: "Application Configuration details"}, 
      { name: "Application connectivity requirements"}, 
      {name: "Deployment Requirements"}, 
      {name: "Application dependencies"}, 
      {name: "Infrastructure dependencies"}, 
      { name: "Business value assessment"}, 
      { name: "Data requirements"}, 
      {name: "Hosting OS requirements"}, 
      { name: "License requirements"}], pageSize: 5 
    } 

     $scope.rowSelectedCategory = function(e) { 
      var gridCategory = e.sender; 
      var selectedRowsCategory = gridCategory.select(); 
      for (var i = 0; i < selectedRowsCategory.length; i++) { 
       $scope.selectedItemCategory = gridCategory.dataItem(selectedRowsCategory[i]); 
       break; 
      } 
     }; 
    } 
]);

我已經看過了許多例子，角外，在劍道電網具有過濾工作得很好。然而，在角劍術中，我遇到了這個問題。

來源

2014-04-01 Eugene Goldberg

難道你沒有問這個問題[這裏]（http://stackoverflow.com/questions/22775520/angular-kendo-grid-filternot-showing）？無論如何，你能提供一個可以複製問題的jsfiddle嗎？ – JohnnyHK

之前從未創建過小提琴。這是我的第一個這個問題：http://jsfiddle.net/JLMWa/11/ –

只是做了一個更新 - 刪除了一些東西，使其更具可讀性：http://jsfiddle.net/JLMWa/14/ –

那麼，事實證明，我的問題是與各種CSS文件被加載的順序。 bootstrap覆蓋了一些其他樣式。花了我一段時間來解決這個問題，但現在我的角 - 劍道網格是好的。謝謝你幫助我！

來源

2014-04-01 22:08:36

KendoUI Grid - 過濾器沒有顯示

回答

相關問題