Kendo UI - 以编程方式设置参数

Question

# var myVar = false; #
<div>
    @(Html.Kendo().Stepper()
            .Name("stepper")
            .Orientation(StepperOrientationType.Horizontal)
            .Label(true)
            .Indicator(true)
            .Steps(s =>
            {
                s.Add().Label("Step_1");
                s.Add().Label("Step_2").Selected(true);
                s.Add().Label("Step_3");
            })
        .ToClientTemplate())
</div>

以上设置 Step_2 为选中的。

如何以编程方式设置它？

例如s.Add().Label("Step_2").Selected(myVar);

Answer 1

您正在弄乱语言层。 myVar 是 Javascript，它在模板中，Html.Kendo()... 是 c#，所以你不能混合它们。您必须在外部模板更改它。

我会做这样的事情：

<div id="stepper-container" data-step="#= myVar #">

然后在模板被渲染后，我会使用 Javascript 来改变它：

let stepperIndex = $('#stepper-container').data('step');
$('#stepper').data('kendoStepper').select(stepperIndex);