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

我希望这有帮助

这里是它的道场: 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>