使用键盘存储先前的剑道下拉列表选项

时间:2019-03-28 13:53:27

标签: javascript kendo-ui kendo-dropdown

我想在使用键盘导航时存储先前选择的选项。如果用户单击下拉列表,但使用键盘导航时,它不存储该选项,则可以实现此目的。

代码:

 CreateDropDown: function (id) {
    var me = IndexController;
    $("#Drop" + id + "").kendoDropDownList({
        name: "drop" + id,
        dataTextField: "text",
        dataValueField: "value",
        valueTemplate: '<i class="#:data.icon#">&nbsp;</i></span><span>#:data.text#</span>',
        template: '<i class="#:data.icon#">&nbsp;</i>' +
            '<span class="k-state-default"><p>#: data.text #</p></span>',
        dataSource: me.variable.options,
        index: 0,
        change: me.onChange,
        open: function (e) {
            me.options.previousOption = e.sender.value();
        }
    });
    me.AddShortText(id, "Short Answer");
}

我可以使用值:

AddShortText: function (a, ChoiceText) {
    var me = IndexController;
    if (me.options.previousOption == "2" || me.options.previousOption == "3")
        $("#TypeDiv" + a).children(".toRemove").remove();
    else
        $("#TypeDiv" + a).children(".group").remove();        
    $("#TypeDiv" + a).append('<div class="group" style="width:50%">\
                                <input id="Answer'+ a + '" type="text" class="inputHighlight" disabled >\
                                <span class="bar"></span>\
                                <label class="labelHighlight">'+ ChoiceText.trim() + '</label>\
                            </div>');
},

GIF:

gif

提前谢谢

1 个答案:

答案 0 :(得分:1)

使用 select 事件https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/events/select

通过按键或鼠标触发选择功能

$("#Drop").kendoDropDownList({
      // your code
      select: function(e) {
        me.options.previousOption = e.sender.value();
      }
});