Как пропустить View Param для просмотра модели DataSource в Kendo Mobile?

Question

Каков правильный способ передачи переменной вида из URL-адреса в модель просмотра для фильтрации результата?

Например:

dataSource: new kendo.DataSource({ 
    transport: { 
     read: { 
      url: 'http://api.endpoint.com/resource', 
     } 
     parameterMap: function(options,type) { 
      if (type === 'read') { 
       return { 
        FormID: view.params.FormID 
       }; 
      } 
     } 

}); 

В приведенном выше примере, есть параметр в URL под названием «FormID», и я хотел бы передать это право значения функции parameterMap. Объект «view» отсутствует, поэтому я просто помещаю его в качестве примера.

Я попытался подключиться к функциям «data-show» и «data-init», чтобы установить это значение для использования, но источник данных извлекает данные до запуска этих функций.

Благодаря

Answer 1

Вы можете использовать «глобальные» переменные или поля в ViewModel для этой цели. Что-то вроде

var vm = kendo.observable({ 
    FormID: null, 
    dataSource: new kendo.DataSource({ 
    transport: { 
    read: { 
     url: 'http://api.endpoint.com/resource', 
    } 
    parameterMap: function(options,type) { 
     if (type === 'read') { 
      return { 
       FormID: vm.FormID 
      }; 
     } 
    } 
    }) 
}); 

function viewShow(e) { 
    vm.set("FormID", e.view.params.FormID); 
    // at this point it is usually a good idea to invoke the datasource read() method. 
    vm.dataSource.read(); 
} 

Источник данных будет извлекать данные перед представлением show view, если виджет связан с ним. Вы можете обойти эту проблему, установив параметр конфигурации виджета autoBind в false - все связанные с данными виджеты Kendo UI поддерживают его.

Answer 2

Конфигурация Опция options.transport.read может быть функцией, так что вы можете составить URL там:

dataSource: new kendo.DataSource({ 
    transport: { 
     read: function (options) { 
      // get the id from wherever it is stored (e.g. your list view) 
      var resourceId = getResourceId(); 

      $.ajax({ 
       url: 'http://api.endpoint.com/resource/' + resourceId, 
       dataType: "jsonp", 
       success: function (result) { 
        options.success(result); 
       }, 
       error: function (result) { 
        options.error(result); 
       } 
      }); 
     } 
    } 
}); 

Для подключения этого с списка, вы можете использовать управления ListView change event:

data-bind="source: pnrfeedsDataSource, events: { change: onListViewChange }" 

затем в viewModel.onListViewChange вы можете установить соответствующий идентификатор ресурса для элемента, на который было нажато:

// the view model you bind the list view to 
var viewModel = kendo.observable({ 
    // ..., your other properties 
    onListViewChange: function (e) { 
     var element = e.sender.select(); // clicked list element 
     var uid = $(element).data("uid"); 
     var dataItem = this.dataSource.getByUid(uid); 

     // assuming your data item in the data source has the id 
     // in dataItem.ResourceId 
     this._selectedResource = dataItem.ResourceId; 
    } 
}); 

Тогда getResourceId() может получить его от viewModel._selectedResource (или это может быть геттер на viewModel). Я не уверен, как все это структурировано в вашем коде, поэтому трудно дать больше советов; возможно, вы можете добавить ссылку на jsfiddle для иллюстрации.