2

我正在使用 noUiSlider.js（一个滑块库）作为在surveyJS（另一个库）中可用的“自定义小部件”。在surveyJS 关于与noUiSlider.js 集成的文档在这里：https ://surveyjs.io/Examples/Library/?id=custom-widget-nouislider&platform=Reactjs&theme=modern#content-js

但是，我还想使用 noUiSlider 的其他属性（surveyJS 文档中提到的属性除外），例如指定滑块的最小值和最大值的“范围”（您可以在此处的 noUiSlider 文档中看到它） ：https ://refreshless.com/nouislider/slider-values/ ）。

由于surveyJS 的工作方式，我认为我应该在调查JSON 中初始化所有关于noUiSlider 的内容。以下是相关代码：

//...

{
"elements": [
            {
"type": "nouislider",
"name": "slider",
"title": "Please select your revenue",
isRequired: true,
"orientation": 'vertical',
'step': 25, //min step
'start': 75,
'range': `{'min': ${0}, 'max': ${3000}}`

            }
        ]
      },

//...

在上面，'orientation' 和 'step' 起作用了，而 'range' 和 'start' 不起作用。（我已经尝试了“范围”值中所有可能的字符串组合，包括上面的那个，但没有任何效果。我一直显示默认值，1 -> 100。）

这是它目前的样子： https ://imgur.com/a/My7hXEr

所以我的问题是我不知道surveyJS 期望我如何传递这些范围值。如果有人使用此方法或有解决我的问题的想法，我将不胜感激。

4

1 回答 1

4

如果您检查小部件源代码 - https://github.com/surveyjs/custom-widgets/blob/master/src/nouislider.js#L82-L115

可以看到可以设置问题的rangeMin和rangeMax属性。开始是问题的默认值。

这是工作 plunker 示例 - https://plnkr.co/edit/zROpEHkkUutHtaU8

JSON：

        {
            "type": "nouislider",
            "name": "range",
            "title": "Please range",
            "rangeMin": 55,
            "rangeMax": 78,
            "defaultValue": 66
        }
于 2020-10-13T11:58:00.730 回答