1

剣道UIのGridを使おうと思っています。

ただし、その柔軟性とカスタマイズについては少し確信が持てません。私が本当に必要としているのはインライン編集ですが、同時にこれを完全に制御したいのです。たとえば、カスタム オートコンプリートを開発しました (jquery と javascript を使用)。このカスタム オートコンプリートを Kendo UI のグリッドで使用したいと考えています。Kendo UI でこのレベルのカスタマイズを見つけることができないため、誰かがこのアプローチを既に使用しているかどうかはわかりません。

ありがとうございました。

ジョセフ。

4

1 に答える 1

4

インライン編集で剣道グリッドを実装する場合、個々のフィールドごとにカスタム エディターを指定することができます。たとえば、次のような構成を使用して実行できます。

                columns: [
                    { field:"ProductName",title:"Product Name" },
                    { field: "Category", width: "150px", editor: categoryDropDownEditor },
                    { field: "UnitPrice", title:"Unit Price", format: "{0:c}", width: "150px" },
                    { command: "destroy", title: " ", width: "110px" }],
                editable: true

ここで、categoryDropDownEditor のコードは次のようになります。

function categoryDropDownEditor(container, options) {
                    $('<input data-text-field="CategoryName" data-value-field="CategoryName" data-bind="value:' + options.field + '"/>')
                        .appendTo(container)
                        .kendoDropDownList({
                            autoBind: false,
                            dataSource: {
                                type: "odata",
                                transport: {
                                    read: "http://demos.kendoui.com/service/Northwind.svc/Categories"
                                }
                            }
                        });
                }

ここで起こることは、categoryDropDownEditor 関数が、その特定のフィールドに対して、エディターの実際のマークアップを作成することです。あなたの場合、残された唯一のことは、ドロップダウンリストの代わりに AutoComplete ウィジェットを実装することです。この例は、剣道 UI のデモ ページから取得したものです。

あなたの質問に答えてくれることを願っています！

于 2012-09-04T09:04:53.727 に答える