使用進度與電網

我想用這樣的： http://demos.telerik.com/kendo-ui/progressbar/angular
有了這個： http://docs.telerik.com/kendo-ui/AngularJS/the-grid-widget

我們已經電網實現並工作，但是障礙在於基本進度指標對我們不起作用，我的任務是讓ProgressBar進入到位，因爲在某些情況下，我們對於大型記錄集的加載時間非常長。

有沒有人得到這個工作，如果是這樣 - 你有一個例子嗎？我試圖掛鉤到網格的數據加載過程（dataBinding和dataBound），但似乎沒有得到任何地方。我有一個理解，可能需要另一個控制器來讓ProgressBar進行更新，但希望我可以將它劃分到綁定事件中。

最棘手的部分將使加載看起來儘可能現實，因爲在這方面的時間差異很大。

我們使用Breeze JS和WebAPI服務端點來加載數據。 Breeze是客戶端 - 服務器關係的OData數據層提供者。

我們對Angular使用了非常嚴格的標準，所以使用Jquery不是一個將鉤子指向DOM的選項，除非我真的可以證明它不能做任何其他方式。

這裏的進度條API： http://docs.telerik.com/kendo-ui/api/javascript/ui/progressbar
這裏的電網API： http://docs.telerik.com/kendo-ui/api/javascript/ui/grid
而BreezeJS API：提前 http://www.breezejs.com/sites/all/apidocs/index.html

感謝任何幫助或指導任何人都可以提供。讓我知道你是否需要代碼示例，但API幾乎提供了一切。

來源

2014-10-01 Jeremy

我使用了列模板，並得到了網格中的進度條，所有的角度禪。

設立的情況採用了棱角分明，劍道指令像這樣的網格：

<div kendo-grid="grid" k-data-source="gridDataSource" k-selectable="multiple" 
          k-columns="columns"></div>

在控制器我把，說：

$scope.columns = [ 

    { "field": "Name", "title": "File Name", width: 50 }, 

    {"field":"progressBar","title":"progress", width: 70, 
     template: "<div style='width: 100%' kendo-Progress-Bar k-value='dataItem.Progress' > </div>"} 

    ];

和一切工作！

dataItem.Progress是在你的數據源的一個字段，或底層的js陣列，並且爲你的進度的值。

來源

2014-12-25 20:32:53 sztepen

嗨，我使用這種技術，但是當我更新dataItem.Progress值時，動畫速度不會持久。我需要放慢速度。有什麼建議麼？ – nav 2015-12-16 22:11:57

使用進度與電網

回答

相關問題