var x = new kendo.data.DataSource({ data: [], group: { field: "boo", aggregates: [ { field: "foo", aggregate: "sum" } ] }});I noticed that template-based Views are not destroyed as Router is navigating through them - they are simply taken out of the DOM. Sometimes this might be desired behavior, but not always. What is the recommended approach for destroying views, when Router is navigation out of them? This also would require complete disconnect from any subscriptions to ViewModel if they are kept in memory.
Thanks,
Sam
We are using a kendo ui grid to display some data and have had some issues with datasets over 1000 rows. I built a web service and enabled server side paging which improved the initial load time. But, now the grid is very sluggish when grouping, so I am attempting to enable server side grouping. In addition, I am looking at sorting and filtering on the server in an attempt to improve performance.
What I am struggling with is determining what is being passed to the WCF service from the kendo ui grid for grouping, sorting, and filtering.
So far we have a method prototype of public RetObj GetData(int skip, int take, int page, int pageSize).
I know I will have to add parameters to handle the grouping, sorting, and filtering, but how do I determine what parameters to add?
Hi, I tried to get a modal window to center and its not having any effect.
I can move the window around with the position attributes, and by putting the window div in different places in the DOM..
The center() function does not throw any exceptions.
The problem exists in both Chrome and IE11.
My page does not contain any Iframes. Any advice?
Whenever I add a k-error-template to my validator form element, all kendo datetimepickers are gone and replaced by a plain input box.
Here's an example of the behavior I'm seeing:
http://dojo.telerik.com/ipupO/2​
I want to add KendoEditor to my popup of custom-edit of 1 column field inside my kendo grid. I could add textarea successfully but don't know how to add kendoEditor to replace textarea.
{ field: "Description", title: "Description", id:"desc", attributes: { style: "text-align:left" }, editor: textareaEditorB },
function textareaEditorB(container, options) {
$('<textarea data-bind="value: ' + options.field + '" cols="100" rows="18" maxlength="10000"></textarea>').appendTo(container);
// $('$("#desc").kendoEditor()').appendTo(container); <==?????
}
I have a checkbox on each row of the grid on which if selected trying to get the id of that row. I have been using grid.dataItem($(event.target).closest("tr")) which was working perfectly fine and suddenly it stopped working giving null exception. I am using in lot of places event.target for the grid all are having the same problem. Did i accidentally delete any reference or you guys changed anything?
$("#gridProvidersWindow").on("click", ".checkbox", function (e) { var checked = $(this).is(":checked"); var grid = $("#gridProvidersWindow").data("kendoGrid"); var model = grid.dataItem($(event.target).closest("tr")); checkedProviderIds[model.Id] = checked;});how can we map the sorting,paging and Filtering array to web API .
kendo datasource is as below :
var data = new kendo.data.DataSource({
type: "json",
transport: {
read: function (e) {
$http({
method: 'POST',
url: $scope.kendoGridConfig.URL,
dataType: "json",
headers: { 'Content-Type': "application/json" },
data: e.data
}).
success(function (data, status, headers, config) {
e.success(data)
}).
error(function (data, status, headers, config) {
console.log(status);
});
},
Web API POST method
public HttpResponseMessage AllCountries([FromBody]KendoGridOptions KendoGridOptions)
{
var res = _countryMasterService.GetListAllKendo(KendoGridOptions);
return new HttpResponseMessage()
{
Content = new ObjectContent<KendoGridResults<CountryMasterView>>(res, new System.Net.Http.Formatting.JsonMediaTypeFormatter())
};
}
public class KendoGridOptions
{
//public KendoGridOptions()
//{
// this.sort = new List<GridSort>();
//}
public int Take { get; set; }
public int Skip { get; set; }
public int page { get; set; }
List<GridSort> sort { get; set; }
public int pageSize { get; set; }
}
public class GridFilter
{
public string Operator { get; set; }
public string Field { get; set; }
public string Value { get; set; }
}
public class GridFilters
{
public List<GridFilter> Filters { get; set; }
public string Logic { get; set; }
}
public class GridSort
{
public string field { get; set; }
public string dir { get; set; }
}