剣道のグリッドインライン編集でドロップダウンリストの現在の値が削除されます

Question

私は過去2日間、多くの成功なしにそれを理解しようとしたので、誰かが私を助けてくれることを願っています。

問題：ドロップダウンリストでインライン編集を使用する剣道グリッドがあります。私がドロップダウンを選択すると、私のアイテムを取得し、値を更新すると、セットが得られます - すべていいよ！しかし、最初にアイテムを編集すると、グリッドに表示されている現在の値がドロップダウンボックスから消えます（フィールドを更新しないと、値は変わりません）。

マイコード：

schema: { 
    model: { 
     id: "Id", 
     fields: { 
      Id: { type: "number" }, 
      ... 
      Relationship: { type: "string" }, 
      ... 
     } 
    } 
} 


columns: 
[ 
    { field: "Firstname", title: "Firstname" }, 
    .... 
    { field: "RelationValue", title: "Relationship", editor: GetRelationships, 
    template: function (data) { return "<span title='" + data.Relationship + "'>" 
    + data.Relationship + "</span>" } }, 
    ... 
    { command: ["edit"], title: "&nbsp;", width: "110px" } 
], 
editable: "inline" 




function GetRelationships(container, options) { 
     $('<input data-text-field="RelationValue" data-value-field="RelationId" data-bind="value:' + options.field + '"/>') 
      .appendTo(container) 
      .kendoDropDownList({ 
       dataTextField: "RelationValue", 
       dataValueField: "RelationId", 
       dataSource: { 
        transport: { 
         read: { 
          dataType: "jsonp", 
          url: "http://localhost:55719//HouseholdMembers/_GetRelationships", 
         } 
        } 
       }, 
       change: function (e) { 
        var dataItem = e.sender.dataItem(); 
        options.model.set("Relationship", dataItem.RelationValue); 
       } 
      }); 
    } 

一覧レイアウトドロップダウンのための

public JsonResult _GetRelationships() 
{ 
    List<Relations> Relationships = new List<Relations>(); 
    Relationships.Add(new Relations() { RelationId = 1, RelationValue = "Partner" }); 

    return this.Jsonp(Relationships); 
} 

すべてのヘルプは大歓迎です:)

Answer 1

をあなたのカスタムエディタのコードに自分でドロップダウンリストの値を設定する必要があります。次のコードを使用してJSスクリプトでコードGetRelationshipsを置き換え：

function GetRelationships(container, options) { 
     $('<input data-text-field="RelationValue" data-value-field="RelationId" data-bind="value:' + options.field + '"/>') 
      .appendTo(container) 
      .kendoDropDownList({ 
       dataTextField: "RelationValue", 
       dataValueField: "RelationId", 
       value: options.model.RelationId, // THIS IS THE CHANGE I MADE 
       dataSource: { 
        transport: { 
         read: { 
          dataType: "jsonp", 
          url: "http://localhost:55719//HouseholdMembers/_GetRelationships", 
         } 
        } 
       }, 
       change: function (e) { 
        var dataItem = e.sender.dataItem(); 
        options.model.set("Relationship", dataItem.RelationValue); 
       } 
      }); 
    } 

をご参考のために、私は編集者としてドロップダウンでグリッドインライン編集のためDOJOを働いて作成しました。ここでそのフィドルにアクセスできますInline Grid Editing with Dropdown As editor template。

これがうまくいかない場合は教えてください。さもなければ、これを容認された解決としてマークすることを忘れないでください。