0

剣道グリッドの使用

テンプレートを使用して、ドロップダウン リストに基づいてグリッド列を作成しようとしています。誰かがサンプルを提供できますか (可能であれば) ?

グリッド (編集可能: true) を作成する場合にこれを達成する方法は知っていますが、それを行うと、新しい問題が発生します... datepicker コードは最初の使用後に機能しなくなるため、テンプレートオプションを探していますドロップダウン。

 { field: 'Uom' , width:"100px", template: '<input data-role="dropdownlist" data-bind="value:Uom" />' },
 { field: 'DeliveryDate' , format:"{0:yyyy-MM-dd}", width: "190px",  template: '<input data-role="datepicker" data-bind="value:DeliveryDate"  />' },

ありがとう ！

4

2 に答える 2

0

ドロップダウンについては、http://demos.kendoui.c​​om/web/grid/ editing-custom.htmlで説明されているカスタム エディターを使用することをお勧めします。データピッカーやその他のドロップダウンと並んで機能します。データソースで DeliveryDate を type として定義すると、すぐにデータdateピッカーを取得できます。編集可能フラグをオンにしておいてください。Kendo がほとんどの作業を行います。

列の定義: 

  { field: "Category", title: "Category", width: "160px", editor: categoryDropDownEditor, template: "#=Category.CategoryName#" },

カスタム エディター: 

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

情報源 ：

 DeliveryDate : {
          //data type of the field {Number|String|Boolean|Date} default is String
          type: "Date",
        }
于 2013-06-09T18:16:56.563 に答える
0

DropDownList の MVVM バインディング属性は、次のようになります。

<select data-role="dropdownlist"
            data-text-field="name" data-value-field="value" data-bind="source: allUomOptions, value: uom"></select>

ただし、編集モードで DatePicker が正しく機能しない場合は、その問題を Telerik サポートに報告するか、jsFiddle または jsBin で再現できる場合は、ここに投稿してください。

于 2013-06-08T14:25:17.733 に答える