如何在 MVC 剑道树列表编辑器中实现剑道自动完成下拉菜单

Posted 2023-03-05

【中文标题】如何在 MVC 剑道树列表编辑器中实现剑道自动完成下拉菜单

【英文标题】：how to implement kendo autocomplete dropdown in MVC kendo treelist editor

【发布时间】：2018-08-29 12:50:12

【问题描述】：

Screen

Code

在此屏幕中，我们使用了剑道树列表。我需要在 CODE 列中实现自动完成下拉菜单。我该怎么做？

【问题讨论】：

代码应该在问题本身而不是图像。

查看更新的答案。

【参考方案1】：

试试这个

var ac = html.Kendo()
        .AutoComplete()
        .Name("CodeAutoComplete")
        .DataSource(ds =>
        
            ds.Read(read =>
            
                read.Url("youraction");
            );

            ds.ServerFiltering(true);
        );

    var treeGrid = Html.Kendo()
        .TreeList<YourModel>()
        .Name("SomeTreeList")
        .Columns(columns =>
        
            columns.Add().Field(t => t.YourProperty).Editor(ac.ToHtmlString());
        );

【讨论】：

根据您的示例无法做到这一点。你能给我举个例子吗。这对我很有帮助。

你看到底部了吗，它显示了如何将它与 mvc 构建器一起使用？

【参考方案2】：

我按照下面的 jquery 代码解决了我上面的问题。

    var input2 = jQuery('<input id="WEIGHT_UOM" value="' + e.model.WEIGHT_UOM + '">');
            input2.appendTo($(".k-grid-edit-row").find("[data-container-for='WEIGHT_UOM']"))
            //create AutoComplete UI component

            $("#WEIGHT_UOM").kendoAutoComplete(
                dataTextField: "ProjectDesc",
                //  template: '$ data.ProjectDesc ' + '<span style="display:none;> $ data.ProjectDesc </span>',      
                select: function (org1) 

                    var dataItem1 = this.dataItem(org1.item.index());
                    //   model.set("field1", dataItem.field1);
                    e.model.set("WEIGHT_UOM", dataItem1.ProjectID);

                ,
                dataSource: 
                    type: "jsonp",
                    serverFiltering: true,
                    transport: 

                        read: "@Url.Action("GetISOUnitAutoComp",
                         "DashBoard")",
        
    
    );