Kendo ui 剑道网格中的剑道UI下拉列表问题

Kendo ui 剑道网格中的剑道UI下拉列表问题,kendo-ui,kendo-grid,kendo-asp.net-mvc,Kendo Ui,Kendo Grid,Kendo Asp.net Mvc,使用Durandal JS框架和剑道UI 在我的网格中,我希望portfolioName和M InstrumentName都显示文本字段,但当我点击下面的SAVE事件时,我希望拉取ID字段 我现在的问题是,当我进入插入模式并从工具/投资组合下拉列表中选择时,它会用ID填充网格;然而,我希望文本显示。例如,InstrumentId与InstrumentName 我在ViewModel代码中定义了一个网格,如下所示,带有一些下拉编辑器: positGrid = $("#positGrid").ken

使用Durandal JS框架和剑道UI

在我的网格中,我希望portfolioName和M InstrumentName都显示文本字段,但当我点击下面的SAVE事件时,我希望拉取ID字段

我现在的问题是,当我进入插入模式并从工具/投资组合下拉列表中选择时,它会用ID填充网格;然而,我希望文本显示。例如,InstrumentId与InstrumentName

我在ViewModel代码中定义了一个网格,如下所示,带有一些下拉编辑器:

positGrid = $("#positGrid").kendoGrid({
        dataSource: datasource,         
        columnMenu: false,
        toolbar: [
            { name: "create", text: "Add" }
        ],
        columns: [{
            field: "id", hidden: true,
        },
        {
            field: "portfolioName", title: "Portfolio Name",
            editor: portfolioDropDownEditor, template: "#=portfolioName.name#"
        },
        {
            field: "InstrumentName",
            width: "220px",
            editor: instrumentsDropDownEditor, template: "#=InstrumentName#",
        },
           save: function (e) {             // inline row save event                 
            InsertUpdatePos(e)
        },
     });
以下是下拉编辑器功能:

      // PULL PORTFOLIO LISTING FROM SERVER AND DISPLAY IN DROPDOWN LIST
function portfolioDropDownEditor(container, options) {

    var pfItems = [{         // FOR TESTING ONLY...
        "pfName": "1"
    }, {
        "pfName": "2"
    }];

    //var input = $('<input id="portfolioName" name="portfolioName">');
    var input = $('<input required id="portfolioName" data-text-field="name" data-value-field="id"> data-bind="value:' + options.field + '" ');
    input.appendTo(container);

   // debugger;


    input.kendoDropDownList({
        dataTextField: "name",
        dataValueField: "id",
        dataSource: {
            type: "json",
            transport: {
                read: "/api/breeze/GetPortfolios"
            },
            pageSize: 6,
        },
        optionLabel: "Choose a portfolio",
    }).appendTo(container);
}
//从服务器中提取公文包列表并显示在下拉列表中
函数portfolioDropDownEditor(容器、选项){
var pfItems=[{//仅用于测试。。。
“pfName”:“1”
}, {
“pfName”:“2”
}];
//变量输入=$('');
变量输入=$('data bind=“value:'+options.field+'”);
输入。附加到(容器);
//调试器;
input.kendoDropDownList({
dataTextField:“名称”,
dataValueField:“id”,
数据源:{
键入:“json”,
运输:{
阅读:“/api/breeze/getportfolions”
},
页面大小:6,
},
选项标签:“选择投资组合”,
}).附在(容器)上;
}
我使用此剑道示例作为指导,但仍然无法使其正常工作:

谢谢。 鲍勃