顯示細節似乎不工作

我指的是鏈接在這裏爲我的參考：http://demos.telerik.com/kendo-ui/grid/angular 顯示細節似乎不工作

我要的是幾排，然後當我點擊我要劍道電網擴大並告訴我關於該行的細節：

我的HTML看起來象下面這樣：

div kendo-grid="importSelectionDetailsGrid" 
    k-options={{mainGridOptions}} 
    k-data-source={{packages.packages}} 
    class="locus-details-grid str-locus-details-grid table-frame"> 

    <div k-detail-template> 
      <div> 
       This is where all the details go      
     </div>  
    </div>

和我的角度控制器看起來象下面這樣：

$scope.packages = { 
      "packages": [ 
     { "PackageContents": "54 samples", "CreatedBy": "[email protected]", "Createdon": "06 Oct 2016 at 2:46PM", "Size": "3GB" }, 
     { "PackageContents": "22 samples", "CreatedBy": "[email protected]", "Createdon": "06 Oct 2016 at 2:46PM", "Size": "2GB" }, 
     { "PackageContents": "5 samples", "CreatedBy": "[email protected]", "Createdon": "06 Oct 2016 at 2:46PM", "Size": "1GB" } 
      ] 
     }; 

     $scope.mainGridOptions = { 
      dataSource: $scope.packages.packages, 
      dataBound: function() { 
       this.expandRow(this.tbody.find("tr.k-master-row").first()); 
      }, 
      columns: [{ 
       field: "PackageContents", 
       title: "Package Contents", 
       width: "120px" 
      }, { 
       field: "CreatedBy", 
       title: "Created By", 
       width: "120px" 
      }, { 
       field: "Createdon", 
       title: "Created On", 
       width: "120px" 
      }, { 
       field: "Size", 
       title :"Size", 
       width: "120px" 
      }] 
     };  

     };

它成功地展示了行，但沒有表現出任何細節。我也無法從示例中弄清楚哪個特定部分負責渲染細節，因爲示例有很多選項，我不一定需要。

來源

2016-11-03 TeaLeave

難道你有，當你展開該行控制檯任何錯誤？您是否試圖在'detailGridOptions'函數內的'return'之前放置'console.log（dataItem）'來檢查數據是否正常？ – DontVoteMeDown

確定爲簡單起見，我刪除了dataItem，只是硬編碼的詳細信息模板，以顯示在每一行相同的重複值。我只需要看到Kendo-Grid能夠顯示它可以滑下來，同時點擊每一行以及我至少有什麼東西 – TeaLeave

因此，我將鏈接的Kendo/angular示例替換爲您的主網格（使用語法調整以匹配它們的語法），將它們的細節模板與您的和您的控制器一起替換爲您的，並且它似乎做了什麼你要。

工作演示： http://dojo.telerik.com/@Stephen/oxocu

注：我一無所知的角度，我使用jQuery劍道，雖然。這就是爲什麼我只是用你的代碼替換他們的代碼，而不是提供深入的答案。

爲了回答你有關負責顯示在他們的演示細節部分的問題：它是 <div kendo-grid k-options="detailGridOptions(dataItem)"></div>

細節模板和$ scope.detailGridOptions定義，確實這裏面。

來源

2016-11-06 14:01:23

非常感謝您的意見。所以我想到的是我從2014年第二季度開始使用Kendo版本。即使在你的樣本中，如果我們從2014年第二季度選擇圖書館，它也不起作用。但是，當我們將其升級到任何其他版本後，它就開始工作。非常感謝你的幫助 – TeaLeave

顯示細節似乎不工作

回答

相關問題