Kendo grille avec déclarative de l'éditeur de modèle

J'espère que quelqu'un peut m'aider avec cela - je l'ai été à regarder ce pendant 8 heures et n'arrive pas à trouver une solution. Je suis en train de mettre en œuvre assez simple Kendo UI MVVM de la grille. La grille a une liste de rôles avec un joint catégorie. Lorsque vous cliquez sur modifier, la grille doit permettre d'insertion de l'édition et de la catégorie de la colonne doit se transformer en une liste déroulante qui est un modèle qui est aussi lié à un champ dans le modèle de vue.

Voici mon jsfiddle: http://jsfiddle.net/Icestorm0141/AT4XT/3/

Le balisage:

<script type="text/x-kendo-template" id="someTemplate">
    <select class="form-control categories" data-auto-bind="false" data-value-field="CategoryId" data-text-field="Description" data-bind="source: categories"></select>
</script>
<div class="manage-roles">
  <div data-role="grid"
         data-scrollable="true"
         data-editable="inline"
         data-columns='[
                            { "field" : "JobTitle", "width": 120, "title" : "Job Title Code" },
                            { "field" : "Description" },
                            { "field" : "Category", "template": "${Category}","editor" :kendo.template($("#someTemplate").html()) },
        {"command": "edit"}]'
         data-bind="source: roles"
         style="height: 500px">
    </div>
</div>

Et le javascript:

var roleViewModel = kendo.observable({
    categories: new kendo.data.DataSource({
        data: [
            { "CategoryId": 1, "Description": "IT" },
            { "CategoryId": 2, "Description": "Billing" },
            { "CategoryId": 3, "Description": "HR" },
            { "CategoryId": 4, "Description": "Sales" },
            { "CategoryId": 5, "Description": "Field" },
            { "CategoryId": 10, "Description": "Stuff" },
            { "CategoryId": 11, "Description": "Unassigned" }
        ]
    }),
    roles: new kendo.data.DataSource({
        data: [
            { "RoleId": 1, "JobTitle": "AADM1", "Description": "Administrative Assistant I", "Category": "Stuff", "CategoryId": 10 },
            { "RoleId": 2, "JobTitle": "AADM2", "Description": "Administrative Assistant II", "Category": null, "CategoryId": 0 },
            { "RoleId": 3, "JobTitle": "ACCIN", "Description": "Accounting Intern", "Category": null, "CategoryId": 0 },
            { "RoleId": 4, "JobTitle": "ACCSU", "Description": "Accounting Supervisor", "Category": null, "CategoryId": 0 }, { "RoleId": 5, "JobTitle": "ACCTC", "Description": "Accountant", "Category": null, "CategoryId": 0 }
        ]
    })
});
kendo.bind($(".manage-roles"), roleViewModel);

Je n'ai pas été en mesure de comprendre pourquoi l'éditeur de modèle n'est pas la liaison de la liste déroulante. Lorsque j'utilise le même balisage pour le modèle plutôt que de liaison pour le nom de la catégorie avec ${Catégorie}, il travaille pour le modèle de la propriété. (Pour une raison quelconque, cela ne fonctionne pas dans le violon. Mais exactement le même code fonctionne en local).

À ce point, je vais prendre toutes les suggestions/approches quoi que ce soit. Je voulais vraiment utiliser MVVM et pas la .kendoGrid() syntaxe mais je vais prendre sur moi s'il ne peut pas être fait. Tout le monde a tout un aperçu de ce qui se passe avec l'éditeur de modèle?

OriginalL'auteur Icestorm0141 | 2014-01-23