Question

在Angular Js的Kendo Tree List中，我添加了一个Graph作为剑道模板。

    <script id="progressStatus" type="text/x-kendo-template">
                    <div ng-if="'#:Status#' == 'Loading'">
                        <div kendo-progress-bar="progressBar1"  k-min="0" k-max="100" k-value="#:Percentage#" style="width: 100%;"></div>
                    </div>
    </script>

我将它作为列声明的一部分绑定到树列表

{ field: "Status", template: $("#progressStatus").html(), width: "170px" }

到目前为止还不错。我可以在UI中显示该值。

但是我不确定如何显示以下

如何使其成为百分比类型，我尝试使用k-type ='percent'但没有运气
如果百分比＆gt;图50以黄色显示图形，以红色显示文本（50％）

Answer 1

不幸的是，一些选项似乎不适用于angular指令。我无法上班val set = createSet[Long]（和你一样）。在我的道场中，该属性似乎打破了小部件。检查this page后，我可以通过以下方式使用k-type：

type

Demo。这将使百分比类型工作。

现在，根据值更改窗口小部件的颜色是另一个问题。 ProgressBar没有任何类型的模板，events（仅<div kendo-progress-bar="progressBar1" k-options="progressBarOptions" style="width: 100%;"></div> .controller("MyController", function($scope) { $scope.dataSource = [ 'foo', 'bar', 'baz' ]; $scope.progressBarOptions = { min: 0, max: 100, value: 50, type: "percent" }; });和complete）的模板很差。您的酒吧似乎没有改变它的价值，它是静态的，对吧？所以我试图通过change实现一种调用animation事件的方法，该事件应在完成后调用change。这就像一个初始化事件。但是，动画似乎也不起作用。我尝试使用change并在init选项中，但没有运气。双重检查错别字，但我确定不是这样的。真遗憾。

无论如何，你可以使用你应该在你的网格dataBound事件中调用的函数使用丑陋且非直截了当的方式：

k-animation

Demo。再说一遍：小部件缺乏像这样简单实用的功能，这真是太遗憾了。

我希望我错了，但这是我能做到的。祝你好运。

Kendo进度条修改

1 个答案: