将Kendo Gauge绑定到本地数据

时间:2013-04-08 15:20:40

标签: kendo-ui

在Kendo文档中有一些将许多图表绑定到本地数据的示例,但径向仪表没有任何内容。

有人能告诉我如何使用控制器中的int指定指针的值吗?

<div id="gauge-container">
@(Html.Kendo().RadialGauge()
    .Name("gauge")
    .Pointer(pointer =>pointer.Value(intFromController) )
    .Scale(scale => scale
        .MinorUnit(5)
        .StartAngle(-30)
        .EndAngle(210)
        .Max(180)
    )
)
</div>

编辑 - 对于到这里来到这里有同样问题的人来说,我是如何修复它的(用测试功能编辑的实际代码是为了简单,也很抱歉为了缩进,匆忙。):

查看:

<script>
$(document).ready(function () {

    $.ajax({
        type: "POST",
        cache: false,
        url: 'test/',
        success: function (data) {
            $("#gauge").data("kendoRadialGauge").value(data);
        }
    })



})</script>

@(Html.Kendo().RadialGauge()

    .Name("gauge")
    .Pointer(pointer => pointer.Value(0))
    .Scale(scale => scale
        .MinorUnit(5)
        .StartAngle(-30)
        .EndAngle(210)
        .Max(180)
    )
)

控制器

public double test()
{
    double value = 10;
    return value;
}

1 个答案:

答案 0 :(得分:0)

在控制器的操作中,您可以设置:

ViewData["myAngle"] = 123;

在View中,您可以这样使用它:

<div id="gauge-container">
@(Html.Kendo().RadialGauge()
    .Name("gauge")
    .Pointer(pointer =>pointer.Value(@ViewData["myAngle"]) )
    .Scale(scale => scale
        .MinorUnit(5)
        .StartAngle(-30)
        .EndAngle(210)
        .Max(180)
    )
)
</div>