剣道ドロップダウンリストにデータをバインドする

Question

私は、ドロップダウンリストであるカスタムフィルタテンプレートを持つ剣道グリッドを持っています。ドロップダウンリストにデータを入力する際に​​問題が発生しています。

私が望むのは、オプションをその列のすべてのレコードの一意の値にすることです。

サイド質問：列の一意の値でドロップダウンリストを簡単に埋め込む方法はありますか？これがドロップダウンリストの中で最も論理的な内容なので、いくつかの方法で組み込むことができますか？

私がしようとしているのは、オプションを指定してJSONを返すサービスを呼び出させることです。

以下私はこのフォーラムで非常に古いトピックにつながったGoogle検索に基づいてデータ列フィールドをコード化しようとした3つの方法を持っています。最初の2つは機能しませんが、3番目の（ハードコーディングは）機能します。

1）この呼び出しはサーバーにヒットし、JSONを返しますが、ドロップダウンには入力しません。

{ 
      "field": "location_name", 
      "title": "Location", 
      "filterable": { 
       cell: { 
        template: function (args) { 
         args.element.kendoDropDownList({ 
         dataTextField: "optionText", 
         dataValueField: "optionValue", 
         valuePrimitive: true, 
         dataSource: { 
          transport: { 
           read: 
            function(options) { 
             $.ajax({ 
              type: "GET", 
              url: "/Patrol/Report.aspx/GetOptions", 
              data: "d", 
              contentType: "application/json; charset=utf-8", 
              dataType: "json", 
              success: function (msg) { 
               alert(msg.d); 
               return msg; //tried with and without the return 
              } 
             }); 
            } 
          } 
         } 
        }); 
       }, 
       showOperators: false 
      } 
     } 

2）この呼び出しは、データソースのデータを符号化するすべての

 { 
      "field": "location_name", 
      "title": "Location", 
      "filterable": { 
       cell: { 
        template: function (args) { 
         args.element.kendoDropDownList({ 
         dataTextField: "optionText", 
         dataValueField: "optionValue", 
         valuePrimitive: true, 
         dataSource: { 
          transport: { 
           read: { 
            dataType: "jsonp", 
            url: "/Patrol/Report.aspx/GetOptions", 
           } 
          } 
         } 
        }); 
       }, 
       showOperators: false 
      } 
     } 

3）ハードでサーバーにヒットしません：これは正しく動作

{ 
     "field": "location_name", 
     "title": "Location", 
     "filterable": { 
      cell: { 
       template: function (args) { 
        args.element.kendoDropDownList({ 
        dataTextField: "optionText", 
        dataValueField: "optionValue", 
        valuePrimitive: true, 
        dataSource: 
         [{"optionText": "HP","optionValue": "HP"}, {"optionText": "Loc2","optionValue": "ID2"}] 
       }); 
      }, 
      showOperators: false 
     } 
    } 

Answer 1

シナリオ1が動作しません、成功コールバックでoptions.success(...your data...)に電話する必要があるため、$.ajax()：

http://docs.telerik.com/kendo-ui/framework/datasource/crud#read-loc al