У меня есть текстовое поле ввода, кнопка и сетка кендо. Источником данных для сетки кендо является URL-адрес Rest webservice. Для моего веб-сервиса Restour необходим входной параметр, на основе которого он отправляет соответствующие json-данные. Мое требование - всякий раз, когда я нажимаю на кнопку, она берет данные из поля ввода, добавляет ее к URL-адресу Rest в качестве параметра ввода, выбирает и отображает соответствующие данные из веб-службы. Если я изменил значение в текстовом поле ввода и снова нажал кнопку, то сетка кендо должна быть обновлена с новым набором данных, возвращаемых из веб-службы. Ниже мой код. HTML:Bind Kendo Grid datasource (RestURL) с динамическим входным параметром
<div ng-app="myApp">
<div ng-controller="myCtrl">
<div>
<form>
Enter Param
<div>
<input type="text" ng-model="param">
</div>
<button type="submit" ng-click="submitParam()">Submit</button>
</form>
</div>
<div id="grid" kendo-grid k-options="kendoGrid"></div>
</div>
</div>
Контроллер:
var myApp = angular.module('myApp',[]);
myApp.controller('myCtrl', function ($scope, myService) {
$scope.param = "";
$scope.kendoGrid = myService.getKGrid();
$scope.submitParam = function(){
**//here param should be appended in the Rest URL and kendo grid data should change as per the** new URL.
}
});
Услуги:
myApp.service('myService', function() {
this.getKGrid = function() {
var kGrid = {
dataSource: {
transport: {
read: {
url: MyRestURL/param,**//Here the param will be appended**
dataType: "json"
}
},
},
columns: [{
field: "Col1",
title: "Col1"
},
{
field: "Col2",
title: "Col2"
}
]
};
return kGrid;
};
});