javascript - 剣道エディタをセルテンプレートとして設定するには?

Question

要件 1: ユーザーが常にグリッドのコンテンツを編集できるようにする必要があります。つまりtemplate、ユーザーがフィールドをクリックしてエディターを表示する必要はありません。

要件 2:ユーザーが値を入力/編集できる剣道エディターが必要です。

以下は、私が試したテンプレートを使用してこれを行う方法がわからないため、私が試したものですeditor

グリッドのセットアップ:

                    dataSource: {
                    data: $scope.planOverviewModel,
                    sort: {
                        field: "TermName",
                        dir: "asc"
                    },
                    schema: {
                        model: {
                            fields: {
                                TermName: { type: "string", editable: false },
                                InNetwork: { type: "string", editable: true },
                                OutNetwork: { type: "string", editable: true }
                            }
                        }
                    },
                },
                columns: [
                    { field: "TermName", title: "Term" },
                    {
                        field: "InNetwork",
                        title: "In-Network",
                        editor: $scope.setupTextBox
                    },
                    {
                        field: "OutNetwork",
                        title: "Out-Network",
                        editor: $scope.setupTextBox
                    }
                ],
                editable: true,
                change: function (e) {
                    console.log("changed");
                    if (e.action == "itemchange") {
                        this.sync();
                    }
                }

エディターのセットアップ:

$scope.setupTextBox = function(container, options) {
    $('<textarea class="form-control" type="text" data-bind="value:' + options.field + '"> </textarea>')
        .appendTo(container).kendoEditor({
            resizable: {
                content: true,
                toolbar: true
            }
        });
};