0

私は 2 つのファイルを持っています:customer.jsとadd-customer-template.html. 以下のようにグリッドがありadd-customer-template.htmlます。

<div id="leadsGrid"  data-role="grid" 
                                                         data-bind="source: leadsDS"                                                     
                                                         date-scrollable="true"
                                                         data-editable="popup"
                                                         data-toolbar="['create']"
                                                         data-columns='[                                                                
                                                            {   
                                                                field: "salesPerson", title: "Sales Person", 
                                                                editor: "salesPersonDropDownEditor", 
                                                                template: "#= getSalesPersonName(salesPerson)#"
                                                            }, 
                                                            {field: "date", title: "Date", format: "{0:MM-dd-yyyy}"}, 
                                                            {field: "expectedDate", title: "Expected Date", format: "{0:MM-dd-yyyy}"}, 
                                                            {field: "expectedIncome", title: "Expected Income", format: "{0:c}"},
                                                            {field: "details", title: "Details"},
                                                            {field: "description", title: "Description"},
                                                            {command: ["edit", "destroy"], title: "&nbsp;"}]'>
                                    </div>

そして、以下のcustomer.js2つの機能がsalesPersonDropDownEditorありgetSalesPersonNameます。

var salesPersonDropDownEditor = function(container, options) {
              $('<input data-bind="value:' + options.field + '"/>')
                .appendTo(container)
                .kendoDropDownList({      
                  dataTextField: "salesPersonName",
                  dataValueField: "salesPersonID",
                  dataSource: new kendo.data.DataSource({
                            transport: {
                                read: {
                                    url: "../public/js/salesPersons.json",
                                    dataType: "json"
                                }
                            }
                        }) 
                });
            }

    var getSalesPersonName= function(salesPersonID) {
              for (var idx = 0, length = customerAdd.salesPersonData.length; idx < length; idx++) {
                  if (customerAdd.salesPersonData[idx].CategoryID === customerAdd.salesPersonData.salesPersonID) {
                    return customerAdd.salesPersonData[idx].salesPersonName;
                  }
              }
            }

列にドロップダウン リストを表示したいのですが、定義されていないsales personというエラーが表示されます。salesPersonDropDownEditor"" を追加するとsalesPersonDropDownEditor、エラーは発生しません。現在、スローされているエラーgetSalesPersonNameは定義されていません。

グリッドからの編集中にこれらの関数を呼び出してドロップダウン リストを表示するにはどうすればよいですか ???

4

1 に答える 1

1

これは、宣言的な初期化の使用 (つまり、data-属性を使用してグリッドを構成する) に関する欠点の 1 つです。customer.js関数と同じスコープになるように、ファイルでグリッドを構成する必要があります。

add-customer-template.html

<div id="leadsGrid"></div>

customer.js

$('#leadsGrid').kendoGrid({
  dataSource: leadsDS,
  scrollable: true,
  editable: 'popup',
  toolbar: ['create'],
  columns: [
    {   
      field: 'salesPerson', 
      title: 'Sales Person', 
      editor: salesPersonDropDownEditor, 
      template: getSalesPersonName
    },
    // shortened for brevity
  ]
});

var salesPersonDropDownEditor = function(container, options) {
  // hidden for brevity
};

var getSalesPersonName = function() {
  // hidden for brevity
};
于 2014-06-19T13:26:38.017 に答える