knockout.js - Knockout-グリッドセルのkendo.jsドロップダウン

Question

剣道UIのドロップダウンを剣道UIグリッドの列に統合する適切な方法はありますか？

これが私がrniemeyerのKnockout-kendo.jsを使って試したものです。$（document）.readyの内部：

function statusDropDownEditor(container, options) {
         $('<input data-text-field="name" data-value-field="id" data-bind="value:' + options.field + '"/>')
             .appendTo(container)
             .kendoDropDownList({
                 autoBind: false,
                 dataSource: {
                     transport: {
                         read: "/api/Status"
                     }
                 }
             });

HTML：

<div id="prod-grid" data-bind="kendoGrid: { data: Products, height: 480,
    sortable: true, selectable: 'row', scrollable: true, resizable: true, pageable: false,
    columns: [ 
    { field: 'ProdName', title : 'Product Name'}, 
    { field: 'UnitCost', title: 'Unit Cost'}, 
    { field: 'TotalAmt', title: 'Batch Total'},
    { field: 'Manufacturer', title: 'Manufacturer'},
    { title: 'Status', editor: statusDropDownEditor}
}>
</div>

ただし、次のようなエラーが発生します。 キャッチされていないエラー：バインディングを解析できません。メッセージ：ReferenceError：categoryDropDownEditorが定義されていません。

また、製品モデルに基づいたステータス値をドロップダウンに表示させたいと思います。