Question

让我们使用与Aurelia JS - Kendo UI vertical sliders with height in percent?中相同的示例：

https://gist.run/?id=323de53223d2ec872f17361378639556

现在，让我们说在app.js中，我添加了一个这样的函数：

  sliderOnChange(e) {
    console.log("sliderOnChange",e);
  }

每当每个滑块更改其值时，如何调用此函数 - 我可以检索旧值，新值以及哪个滑块有此更改？

我尝试修改滑块代码：

            <input repeat.for="slider of sliders"
                   ak-slider="
                   k-orientation: vertical;
                   k-min.bind: -20;
                                    k-max.bind: 20;
                                    k-value.bind: slider.value;
                                    k-widget.bind: slider.widget;
                                    k-small-step.bind: 1;
                                    k-large-step.bind: 20;
                                    k-show-buttons.bind: false" class="eqSlider"/>

...通过添加属性：

      kendo-change.trigger="sliderOnChange()"

......这不起作用;还尝试添加属性：

      k-on-change.delegate: "sliderOnChange($event)"

......这也不起作用;我尝试添加ak-slider属性：

                                    k-on-change.delegate: sliderOnChange;

......你可能已经猜到了，这也不起作用......

Answer 1

尝试k-on-change.delegate="onChange($event.detail)" <{3}}

Aurelia JS - 运行改变Kendo UI滑块的功能吗？

1 个答案: