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);