javascript - 在剑道网格的选择功能中选择自定义下拉列表中的项目

Question

我有一个 kendogrid 我想选择一个与所选项目不同的项目。这个用例听起来很奇怪，我知道，但它的想法是弹出一个窗口，你可以在其中询问用户“你确定吗？”在分配这个新项目之前。

如果您单击否，它会将其分配给原始项目。如果您选择是，它会设置新项目。

这是基本设置:

$('<input id="uniqueIDYo">')
.appendTo(container)
.kendoDropDownList({
    autoBind: true,
    dataTextField: 'Name',
    dataValueField: 'Id',
    filter: 'contains',
    template: `blahblahblah`,
    dataSource: {
        data: data.models
    },
    select: function(evt) {
        if (/* ask user question here = yes */) {
            // cool, set the value
        } else {
            // THE QUESTION: How do I set the selected value back?
        }

这是问题所在，我不知道如何从这里设置值。我发现的唯一部分解决方案是立即将 evt.preventDefault() 放在 select 函数的顶部。这并不理想，因为我确实希望在用户回答"is"时更改该值。

Answer 1

希望对你有帮助

这是它的道场: https://dojo.telerik.com/OqORUJES

代码

<select id="my-select"></select>
<script>
    let people = [{
            id: 1,
            fullname: 'David Lebee'
        },
        {
            id: 2,
            fullname: 'Chuck Norris'
        },
    ];

    function confirmAsync(success, fail) {
        setTimeout(() => {
            if (confirm('are you sure')) {
                success();
            } else {
                fail();
            }
        });
    }

    $('#my-select').kendoDropDownList({
        dataTextField: 'fullname',
        dataValueField: 'id',
        dataSource: {
            data: people
        },
        select: function(e) {
            let selectedItem = e.dataItem;
            let widgetInstance = e.sender;
            let id = e.dataItem.get(widgetInstance.options.dataValueField);
            e.preventDefault();
            confirmAsync(function() {
                widgetInstance.value(id);
            }, function() {
                // nothing to do because of prevent default. 
            });
        }
    });
</script>