Skip to content

Commit 904421f

Browse files
author
Kendo Bot
committed
Sync with Kendo UI Professional
1 parent bd85254 commit 904421f

File tree

10 files changed

+239
-7
lines changed

10 files changed

+239
-7
lines changed

‎docs-aspnet-core/html-helpers/charts/overview.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ title: Overview
33
page_title: Charts | Telerik UI for ASP.NET Core HtmlHelpers
44
description: "Learn the basics when working with the Kendo UI Chart HtmlHelper for ASP.NET Core (MVC 6 or ASP.NET Core MVC)."
55
slug: htmlhelpers_charts_aspnetcore
6+
previous_url: /aspnet-core/helpers/html-helpers/charts/charts, /aspnet-core/helpers/html-helpers/charts
67
position: 1
78
---
89

‎docs-aspnet-core/html-helpers/data-management/spreadsheet/overview.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Overview
33
page_title: Spreadsheet | Telerik UI for ASP.NET Core HtmlHelpers
44
description: "Learn the basics when working with the Kendo UI Spreadsheet HtmlHelper for ASP.NET Core (MVC 6 or ASP.NET Core MVC)."
5-
previous_url: /aspnet-core/helpers/html-helpers/spreadsheet/
5+
previous_url: /aspnet-core/helpers/html-helpers/spreadsheet
66
slug: htmlhelpers_spreadsheet_aspnetcore
77
position: 1
88
---

‎docs-aspnet-core/html-helpers/data-management/treelist/client-side-paging.md‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
---
2+
title: Client-side paging
3+
page_title: Client-side paging | Telerik UI for ASP.NET Core HtmlHelpers
4+
description: "Learn how to enable the client-side paging feature to the Kendo UI TreeList HtmlHelper for ASP.NET Core."
5+
slug: client_side_paging_aspnetcore_treelist_helper
6+
position: 4
7+
---
8+
9+
# Client-side paging
10+
11+
The TreeList supports client-side paging for large sets of data. To enable the paging functionality configure the `Pageable settings`.
12+
13+
> * Don't forget to set a `PageSize`. A `PageSize` can be defined in the `Pageable` settings, or in the `DataSource` settings. If an already existing datasource instance is passed to the treelist, then the `PageSize` option should be set in the dataSource's settings and not in the `Pageable` settings.
14+
> * When using the Grid ASP.Net Core wrapper, by default `ServerOperations` are enabled. As this is a client-side paging, it is necessary to disable the server operations by setting the `ServerOperations` to false.
15+
16+
###### Example
17+
18+
@(Html.Kendo().TreeList<Kendo.Mvc.Examples.Models.TreeList.EmployeeDirectoryModel>()
19+
.Name("treelist")
20+
.Columns(columns =>
21+
{
22+
columns.Add().Field(e => e.FirstName).Title("Name").Template("#: FirstName # #: LastName #");
23+
columns.Add().Field(e => e.Position);
24+
columns.Add().Field(e => e.HireDate).Format("{0:MMMM d, yyyy}");
25+
})
26+
.Filterable()
27+
.Sortable()
28+
.DataSource(dataSource => dataSource
29+
.ServerOperation(false)
30+
.Read(read => read.Action("All", "EmployeeDirectory"))
31+
.Model(m => {
32+
m.Id(f => f.EmployeeId);
33+
m.ParentId(f => f.ReportsTo);
34+
m.Field(f => f.ReportsTo);
35+
m.Expanded(true);
36+
})
37+
)
38+
.Height(540)
39+
.Pageable(p => p.PageSize(15)
40+
.PageSizes(true)
41+
)
42+
)
43+
44+
## See Also
45+
46+
* [JavaScript API Reference for the Kendo UI jQuery TreeList](https://docs.telerik.com/kendo-ui/api/javascript/ui/treelist)
47+
* [UI for ASP.NET Core TreeList editing live demo](https://demos.telerik.com/aspnet-core/treelist/editing)

‎docs-aspnet-core/html-helpers/diagrams-and-maps/map/overview.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Overview
33
page_title: Map | Telerik UI for ASP.NET Core HtmlHelpers
44
description: "Learn the basics when working with the Kendo UI Map HtmlHelper for ASP.NET Core (MVC 6 or ASP.NET Core MVC)."
5-
previous_url: /aspnet-core/helpers/html-helpers/map/
5+
previous_url: /aspnet-core/helpers/html-helpers/map
66
slug: htmlhelpers_map_aspnetcore
77
position: 1
88
---

‎docs-aspnet-core/tag-helpers/data-management/treelist/client-side-paging.md‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
---
2+
title: Client-side paging
3+
page_title: Client-side paging | Telerik UI for ASP.NET Core Tag Helpers
4+
description: "Learn how to enable the client-side paging feature to the Kendo UI TreeList Tag Helper for ASP.NET Core."
5+
slug: client_side_paging_aspnetcore_treelist_tag_helper
6+
position: 2
7+
---
8+
9+
# Client-side paging
10+
11+
The TreeList supports client-side paging for large sets of data. To enable the paging functionality configure the `Pageable settings`.
12+
13+
> * Don't forget to set a `PageSize`. A `PageSize` can be defined in the `Pageable` settings, or in the `DataSource` settings. If an already existing datasource instance is passed to the treelist, then the `PageSize` option should be set in the dataSource's settings and not in the `Pageable` settings.
14+
15+
###### Example
16+
17+
```tab-tagHelper
18+
19+
<kendo-treelist name="treelist" height="540">
20+
<treelist-datasource>
21+
<transport>
22+
<read url="https://demos.telerik.com/kendo-ui/service/EmployeeDirectory/All" datatype="jsonp" />
23+
</transport>
24+
<schema type="json">
25+
<treelist-model id="EmployeeId" parent-id="ReportsTo" expanded="true">
26+
<fields>
27+
<field name="ReportsTo" nullable="true"></field>
28+
<field name="EmployeeId" type="number"></field>
29+
<field name="Extension" type="number"></field>
30+
</fields>
31+
</treelist-model>
32+
</schema>
33+
</treelist-datasource>
34+
35+
<columns>
36+
<treelist-column field="FirstName" title="First Name" width="280px" template-id="photo-template"></treelist-column>
37+
<treelist-column field="LastName" title="Last Name" width="160px"></treelist-column>
38+
<treelist-column field="Position"></treelist-column>
39+
<treelist-column field="Phone" width="200px"></treelist-column>
40+
<treelist-column field="Extension" width="140px"></treelist-column>
41+
<treelist-column field="Address"></treelist-column>
42+
</columns>
43+
<pageable page-size="15" page-sizes="new int[] { 5,15,20}"></pageable>
44+
</kendo-treelist>
45+
46+
```
47+
```tab-cshtml
48+
49+
@(Html.Kendo().TreeList<EmployeeDirectoryModel>()
50+
.Name("treelist")
51+
.Columns(columns =>
52+
{
53+
columns.Add().Field(e => e.FirstName).Width(220).TemplateId("photo-template");
54+
columns.Add().Field(e => e.LastName).Width(160);
55+
columns.Add().Field(e => e.Position);
56+
columns.Add().Field(e => e.Phone).Width(200);
57+
columns.Add().Field(e => e.Extension).Width(140);
58+
columns.Add().Field(e => e.Address);
59+
})
60+
.Filterable()
61+
.Sortable()
62+
.DataSource(dataSource => dataSource
63+
.Read(read => read.Action("All", "EmployeeDirectory"))
64+
.ServerOperation(false)
65+
.Model(m => {
66+
m.Id(f => f.EmployeeId);
67+
m.ParentId(f => f.ReportsTo);
68+
m.Expanded(true);
69+
m.Field(f => f.FirstName);
70+
m.Field(f => f.LastName);
71+
m.Field(f => f.ReportsTo);
72+
})
73+
)
74+
.Height(540)
75+
.Pageable(p => p.PageSize(15)
76+
.PageSizes(true)
77+
)
78+
)
79+
</script>
80+
81+
```
82+
83+
## See Also
84+
85+
* [JavaScript API Reference for the Kendo UI jQuery TreeList](https://docs.telerik.com/kendo-ui/api/javascript/ui/treelist)
86+
* [UI for ASP.NET Core TreeList editing live demo](https://demos.telerik.com/aspnet-core/treelist/editing)

‎docs-aspnet-mvc/helpers/treelist/client-side-paging.md‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
---
2+
title: Client-side paging
3+
page_title: Client-side paging | Kendo UI TreeList HtmlHelper
4+
description: "Learn how to enable the client-side paging feature to the Kendo UI TreeList for ASP.NET MVC."
5+
slug: client_side_paging_mvc_treelist_helper
6+
position: 4
7+
---
8+
9+
# Client-side paging
10+
11+
The TreeList supports client-side paging for large sets of data. To enable the paging functionality configure the [Pageable settings](http://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/TreeListPageableSettingsBuilder).
12+
13+
> * Don't forget to set a [`PageSize`](http://kendobuild-staging.openstack.progress.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/TreeListPageableSettingsBuilder#methods-PageSize(System.Double)). A `PageSize` can be defined in the `Pageable` settings, or in the [`DataSource`](http://kendobuild-staging.openstack.progress.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/AjaxDataSourceBuilderBase#methods-PageSize(System.Int32)) settings. If an already existing datasource instance is passed to the treelist, then the `PageSize` option should be set in the dataSource's settings and not in the `Pageable` settings.
14+
> * When using the Grid MVC wrapper, by default [`ServerOperations`] (http://kendobuild-staging.openstack.progress.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/AjaxDataSourceBuilderBase#methods-ServerOperation(System.Boolean)) are enabled. As this is a client-side paging, it is necessary to disable the server operations by setting the `ServerOperations` to false.
15+
16+
###### Example
17+
18+
@(Html.Kendo().TreeList<Kendo.Mvc.Examples.Models.TreeList.EmployeeDirectoryModel>()
19+
.Name("treelist")
20+
.Columns(columns =>
21+
{
22+
columns.Add().Field(e => e.FirstName).Title("Name").Template("#: FirstName # #: LastName #");
23+
columns.Add().Field(e => e.Position);
24+
columns.Add().Field(e => e.HireDate).Format("{0:MMMM d, yyyy}");
25+
})
26+
.Filterable()
27+
.Sortable()
28+
.DataSource(dataSource => dataSource
29+
.ServerOperation(false)
30+
.Read(read => read.Action("All", "EmployeeDirectory"))
31+
.Model(m => {
32+
m.Id(f => f.EmployeeId);
33+
m.ParentId(f => f.ReportsTo);
34+
m.Field(f => f.ReportsTo);
35+
m.Expanded(true);
36+
})
37+
)
38+
.Height(540)
39+
.Pageable(p => p.PageSize(15)
40+
.PageSizes(true)
41+
)
42+
)
43+
44+
## See Also
45+
46+
Other articles and how-to examples on the Kendo UI TreeList:
47+
48+
* [JavaScript API Reference](https://docs.telerik.com/kendo-ui/api/javascript/ui/treelist)

‎docs/controls/data-management/treelist/overview.md‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -150,6 +150,56 @@ Note that the `parentId` is mapped from the `ReportsTo` field by the `parentId:
150150
151151
## Features
152152

153+
### Client-side paging
154+
155+
The Kendo UI treelist supports client-side paging for large sets of data. To enable the paging functionality configure the [pageable settings](http://docs.telerik.com/kendo-ui/api/javascript/ui/treelist/configuration/pageable).
156+
157+
> Don't forget to set a [`pageSize`](/api/javascript/data/datasource/configuration/pagesize). A `pageSize` can be defined in the `pageable` settings, or in the [`dataSource`](/api/javascript/ui/treelist/configuration/datasource) settings. If an already existing datasource instance is passed to the treelist, then the `pageSize` option should be set in the dataSource's settings and not in the `pageable` settings.
158+
159+
###### Example
160+
161+
$(document).ready(function () {
162+
var service = "https://demos.telerik.com/kendo-ui/service";
163+
164+
$("#treelist").kendoTreeList({
165+
dataSource: {
166+
transport: {
167+
read: {
168+
url: service + "/EmployeeDirectory/All",
169+
dataType: "jsonp"
170+
}
171+
},
172+
schema: {
173+
model: {
174+
id: "EmployeeId",
175+
parentId: "ReportsTo",
176+
expanded: true,
177+
fields: {
178+
ReportsTo: { nullable: true },
179+
EmployeeId: { type: "number" },
180+
HireDate: { field: "HireDate", type: "date" }
181+
}
182+
}
183+
}
184+
},
185+
height: 540,
186+
filterable: true,
187+
sortable: true,
188+
columns: [
189+
{
190+
field: "FirstName", title: "Name",
191+
template: "#: FirstName # #: LastName #"
192+
},
193+
{ field: "Position" },
194+
{ field: "HireDate", title: "Hire Date", format: "{0:MMMM d, yyyy}" }
195+
],
196+
pageable: {
197+
pageSize: 15,
198+
pageSizes: true
199+
}
200+
});
201+
});
202+
153203
### Scrolling
154204

155205
The TreeList scrolling is enabled by default. However, the enabled scrolling functionality does not guarantee the appearance of scrollbars. The reason for this is that scrolling requires you to define some of the widget's dimensions:

‎tests/dropdownlist/mvvm.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -791,7 +791,7 @@
791791
element.trigger("scroll");
792792
}
793793

794-
asyncTest("widget scrolled to second range sets model to the correct data item", 1, function() {
794+
skip("widget scrolled to second range sets model to the correct data item", 1, function() {
795795
var container_height = 200;
796796

797797
dom = $('<select data-bind="value:value" />').appendTo(QUnit.fixture);

‎tests/fx/animation.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -372,7 +372,7 @@
372372

373373
module("animationFrame Animation", {});
374374

375-
asyncTest("executes callbacks", 1, function() {
375+
skip("executes callbacks", 1, function() {
376376
var animation = kendo.effects.Animation.extend({
377377
counter: 0,
378378
tick: function() {
@@ -392,7 +392,7 @@
392392
new animation().start();
393393
});
394394

395-
asyncTest("is cancellable", 1, function() {
395+
skip("is cancellable", 1, function() {
396396
var animation = kendo.effects.Animation.extend({
397397
counter: 0,
398398
tick: function() {

‎tests/fx/new.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -171,7 +171,7 @@
171171
});
172172
});
173173

174-
asyncTest("replace replaces one of the elements with the other", 2, function() {
174+
skip("replace replaces one of the elements with the other", 2, function() {
175175
var container = $("<div><div id='foo'>Foo</div><div id='bar'>Bar</div></div>"),
176176
foo = container.find("#foo"),
177177
bar = container.find("#bar"),
@@ -187,7 +187,7 @@
187187
});
188188
});
189189

190-
asyncTest("Triggers before/after callbacks", 6, function() {
190+
skip("Triggers before/after callbacks", 6, function() {
191191
var container = $("<div><div id='foo'>Foo</div><div id='bar'>Bar</div></div>"),
192192
foo = container.find("#foo"),
193193
bar = container.find("#bar"),

0 commit comments

Comments
 (0)