Skip to content

Commit fdf5be5

Browse files
kendo-botkendo-bot
committed
Sync with Kendo UI Professional
1 parent f0b4420 commit fdf5be5

23 files changed

+305
-135
lines changed

‎docs-aspnet/_config-mvc.yml

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -172,11 +172,6 @@ defaults:
172172
editable: false
173173
res_type: api
174174
kind: api
175-
-
176-
scope:
177-
path: "integration-with-other-telerik-products"
178-
values:
179-
title_prefix: "Capture ASP.NET MVC"
180175
-
181176
scope:
182177
path: "html-helpers/barcodes/barcode"

‎docs-aspnet/_config.yml

Lines changed: 0 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -439,9 +439,6 @@ navigation:
439439
"deployment":
440440
title: "Deployment"
441441
position: 11
442-
"integration-with-other-telerik-products":
443-
title: "Integration with other Telerik Products"
444-
position: 12
445442
"cloud-integration":
446443
title: "Cloud Integration"
447444
position: 13
@@ -743,11 +740,6 @@ defaults:
743740
editable: false
744741
res_type: api
745742
kind: api
746-
-
747-
scope:
748-
path: "integration-with-other-telerik-products"
749-
values:
750-
title_prefix: "Capture ASP.NET Core"
751743
-
752744
scope:
753745
path: "html-helpers/barcodes/barcode"

‎docs-aspnet/integration-with-other-telerik-products/capture-issues-with-fiddler-jam.md

Lines changed: 0 additions & 71 deletions
This file was deleted.

‎docs-aspnet/integration-with-other-telerik-products/images/fiddler-jam-capture-settings.png

-30.7 KB
Binary file not shown.

‎docs-aspnet/knowledge-base/grid-cascading-dropdownlists.md

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
---
2+
title: Editing Grid with Cascading DropDownLists
3+
description: A reference on how to implement cascading DropDownLists for editing records in Telerik UI for {{ site.framework }} Grid component.
4+
type: how-to
5+
page_title: Grid Editing with Cascading DropDownLists
6+
slug: grid-cascading-dropdownlists
7+
tags: grid, edit, mvc, cascading, dropdownlist
8+
res_type: kb
9+
---
10+
11+
## Environment
12+
13+
<table>
14+
<tr>
15+
<td>Product</td>
16+
<td>{{ site.product }} Grid</td>
17+
</tr>
18+
</table>
19+
20+
## Description
21+
22+
How can I implement cascading DropDownLists for editing rows in Telerik UI for {{ site.framework }} Grid component?
23+
24+
## Solution
25+
26+
The Grid provides 3 editing modes - InCell, InLine and PopUp. Usually, in order for the cascading widgets to work, they both (or more) have to be rendered at the same time.
27+
28+
Therefore, for Inline and PopUp editing modes you can check the following sample:
29+
30+
https://github.com/telerik/ui-for-aspnet-mvc-examples/tree/master/grid/grid-editing-cascading-dropdownlist
31+
32+
However, for InCell editing mode, the only viable approach is demonstrated in this sample:
33+
34+
https://github.com/telerik/ui-for-aspnet-mvc-examples/tree/master/grid/grid-incell-editing-with-cascading-dropdownlist
35+
36+
## More {{ site.framework }} Grid Resources
37+
38+
* [{{ site.framework }} Grid Demos](https://demos.telerik.com/{{ site.platform }}/grid/index)
39+
40+
{% if site.core %}
41+
* [{{ site.framework }} Grid Product Page](https://www.telerik.com/aspnet-core-ui/grid)
42+
43+
* [Telerik UI for {{ site.framework }} Video Onboarding Course (Free for trial users and license holders)]({%slug virtualclass_uiforcore%})
44+
45+
* [Telerik UI for {{ site.framework }} Forums](https://www.telerik.com/forums/aspnet-core-ui)
46+
47+
{% else %}
48+
* [{{ site.framework }} Grid Product Page](https://www.telerik.com/aspnet-mvc/grid)
49+
50+
* [Telerik UI for {{ site.framework }} Video Onboarding Course (Free for trial users and license holders)]({%slug virtualclass_uiformvc%})
51+
52+
* [Telerik UI for {{ site.framework }} Forums](https://www.telerik.com/forums/aspnet-mvc)
53+
{% endif %}
54+
55+
## See Also
56+
57+
* [Client-Side API Reference of the Grid for {{ site.framework }}](https://docs.telerik.com/kendo-ui/api/javascript/ui/grid)
58+
* [Server-Side API Reference of the Grid for {{ site.framework }}](https://docs.telerik.com/{{ site.platform }}/api/grid)
59+
* [Telerik UI for {{ site.framework }} Breaking Changes]({%slug breakingchanges_2023%})
60+
* [Telerik UI for {{ site.framework }} Knowledge Base](https://docs.telerik.com/{{ site.platform }}/knowledge-base)
61+

‎docs-aspnet/redirects.conf

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,10 @@ rewrite ^/{{ site.platform }}/getting-started/vs-integration/(.*)$
1212
rewrite ^/{{ site.platform }}/styles-and-layout/styling-components/(.*)$
1313
/{{ site.platform }}/styles-and-layout/$1
1414
permanent;
15+
16+
rewrite ^/{{ site.platform }}/integration-with-other-telerik-products/capture-issues-with-fiddler-jam
17+
/{{ site.platform }}/introduction
18+
permanent;
1519

1620
{% if site.core %}
1721

‎docs/api/javascript/ui/datepicker.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -122,6 +122,20 @@ The duration of the open animation in milliseconds.
122122
});
123123
</script>
124124

125+
### autoCorrectParts `Boolean`*(default: true)*
126+
127+
Sets a value that indicates whether to automatically correct the segment when out of range. In order to work, `dateInput` prop should be set to `true`.
128+
129+
#### Example - sets the autoCorrectParts
130+
131+
<input id="datepicker" />
132+
<script>
133+
$("#datepicker").kendoDatePicker({
134+
dateInput: true,
135+
autoCorrectParts: true
136+
});
137+
</script>
138+
125139
### autoFill `Boolean`*(default: false)*
126140

127141
When enabled, the DatePicker will autofill the rest of the date to the current date when the component loses focus. For example, entering only the date, month or year portion of the date and blurring the component, the missing sections will be automatically completed.

‎docs/api/javascript/ui/datetimepicker.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -121,6 +121,20 @@ The duration of the open animation in milliseconds.
121121
});
122122
</script>
123123

124+
### autoCorrectParts `Boolean`*(default: true)*
125+
126+
Sets a value that indicates whether to automatically correct the segment when out of range. In order to work, `dateInput` prop should be set to `true`.
127+
128+
#### Example - sets the autoCorrectParts
129+
130+
<input id="datetimepicker" />
131+
<script>
132+
$("#datetimepicker").kendoDateTimePicker({
133+
dateInput: true,
134+
autoCorrectParts: true
135+
});
136+
</script>
137+
124138
### componentType `String`*(default: "classic")*
125139

126140
Specifies the component type of the widget.

‎docs/api/javascript/ui/timepicker.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -106,6 +106,20 @@ The effect(s) to use when playing the open animation. Multiple effects should be
106106

107107
The duration of the open animation in milliseconds.
108108

109+
### autoCorrectParts `Boolean`*(default: true)*
110+
111+
Sets a value that indicates whether to automatically correct the segment when out of range. In order to work, `dateInput` prop should be set to `true`.
112+
113+
#### Example - sets the autoCorrectParts
114+
115+
<input id="timepicker" />
116+
<script>
117+
$("#timepicker").kendoTimePicker({
118+
dateInput: true,
119+
autoCorrectParts: true
120+
});
121+
</script>
122+
109123
### componentType `String`*(default: "classic")*
110124

111125
Specifies the component type of the widget.

‎docs/controls/aiprompt/aiprompt-overview.PNG

35.7 KB
Loading

‎docs/controls/grid/Templates/toolbar-template.md

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
---
2+
title: Toolbar Template
3+
page_title: jQuery Grid Documentation - Toolbar Template
4+
description: "Get started with the jQuery Grid by Kendo UI and learn how to render different Toolbar content by using Kendo UI Templates."
5+
slug: toolbar_templates_kendoui_grid_component
6+
position: 4
7+
---
8+
9+
# Toolbar Templates
10+
11+
The Kendo UI Grid provides full control over the rendering of its Toolbar content by using the [`Kendo UI Templates`](/framework/templates/overview). The [`toolbar.template`](/api/javascript/ui/grid/configuration/toolbar.template) configuration enables you to specify your own layout instead of using the built-in buttons.
12+
13+
## Setting a Toolbar Template as a Function
14+
15+
The [`template`](/api/javascript/ui/grid/configuration/toolbar.template) toolbar configuration enables you to build a [`Kendo UI Template`](/framework/templates/overview) by passing a function.
16+
17+
The following example demonstrates how to set the template as a function that is returned by [`kendo.template`](/api/javascript/kendo/methods/template).
18+
19+
```dojo
20+
<div id="grid"></div>
21+
<script id="template" type="text/x-kendo-template">
22+
<a type="button" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base" href="\#" onclick="return toolbar_click()">Command</a>
23+
</script>
24+
<script>
25+
function toolbar_click() {
26+
/* The result can be observed in the DevTools(F12) console of the browser. */
27+
console.log("Toolbar command is clicked!");
28+
return false;
29+
}
30+
$("#grid").kendoGrid({
31+
toolbar: [
32+
{ template: kendo.template($("#template").html()) }
33+
],
34+
columns: [
35+
{ field: "name" },
36+
{ field: "age" }
37+
],
38+
dataSource: [
39+
{ name: "Jane Doe", age: 30 },
40+
{ name: "John Doe", age: 33 }
41+
]
42+
});
43+
</script>
44+
```
45+
46+
## Setting a Toolbar Template as a String
47+
48+
The [`template`](/api/javascript/ui/grid/configuration/toolbar.template) toolbar configuration enables you to create HTML chunks by passing directly a `string`.
49+
50+
The following example demonstrates how to set the template as a string.
51+
52+
```dojo
53+
<div id="grid"></div>
54+
55+
<script>
56+
function toolbar_click() {
57+
/* The result can be observed in the DevTools(F12) console of the browser. */
58+
console.log("Toolbar command is clicked!");
59+
return false;
60+
}
61+
$("#grid").kendoGrid({
62+
toolbar: [
63+
{ template: "<button id='custom-button' class='k-button k-button-md k-rounded-md k-button-solid k-button-solid-base'>Custom command</button>" }
64+
],
65+
columns: [
66+
{ field: "name" },
67+
{ field: "age" }
68+
],
69+
dataSource: [
70+
{ name: "Jane Doe", age: 30 },
71+
{ name: "John Doe", age: 33 }
72+
]
73+
});
74+
</script>
75+
```
76+
77+
## KB Articles on Toolbar Templates
78+
79+
* [Place Edit or Update Buttons to Grid Toolbar]({% slug grid-edit-command-toolbar %})
80+
* [Lock and Unlock Grid Columns by Using Toolbar instead of Column Menu]({% slug grid-lock-unlock-using-toolbar %})
81+
* [Find Out More in the Knowledge Base](/knowledge-base)
82+
83+
## See Also
84+
85+
* [Using Toolbar Templates in the Grid (Demo)](https://demos.telerik.com/kendo-ui/grid/toolbar-template)
86+
* [Introduction on Templates]({% slug overview_kendoui_templatescomponent %})
87+
* [JavaScript API Reference of the Grid](/api/javascript/ui/grid)

‎docs/controls/treelist/column-menu.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Column Menu
33
page_title: jQuery TreeList Documentation - Column Menu
44
description: "Get started with the jQuery TreeList by Kendo UI and learn how to enable its column menu."
55
slug: columnmenu_kendoui_treelist_widget
6-
position: 9
6+
position: 12
77
---
88

99
# Column Menu

‎docs/controls/treelist/filtering.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Filtering
33
page_title: jQuery TreeList Documentation - Filtering
44
description: "Get started with the jQuery TreeList by Kendo UI and learn how to filter its data."
55
slug: filtering_kendoui_treelist_widget
6-
position: 4
6+
position: 5
77
---
88

99
# Filtering

‎docs/controls/treelist/multicolumn-headers.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Multi-Column Headers
33
page_title: jQuery TreeList Documentation - Multi-Column Headers
44
description: "Get started with the jQuery TreeList by Kendo UI and implement multi-column headers in the component."
55
slug: multicolumnheaders_kendoui_treelist
6-
position: 6
6+
position: 9
77
---
88

99
# Multi-Column Headers

‎docs/controls/treelist/paging.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Paging
33
page_title: jQuery TreeList Documentation - Paging
44
description: "Get started with the jQuery TreeList by Kendo UI and enable the client-side paging feature."
55
slug: paging_kendoui_treelist
6-
position: 4
6+
position: 6
77
---
88

99
# Paging

‎docs/controls/treelist/persist-state.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: State Persistence
33
page_title: jQuery TreeList Documentation - State Persistence
44
description: "Get started with the jQuery TreeList by Kendo UI and persist the state of the component."
55
slug: persiststate_kendoui_treelist_widget
6-
position: 8
6+
position: 11
77
---
88

99
# State Persistence

‎docs/controls/treelist/scrolling.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Scrolling
33
page_title: jQuery TreeList Documentation - Scrolling
44
description: "Get started with the jQuery TreeList by Kendo UI and configure its scrolling functionality."
55
slug: scrolling_kendoui_treelist
6-
position: 5
6+
position: 7
77
---
88

99
# Scrolling

‎docs/controls/treelist/search-panel.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Search Panel
33
page_title: jQuery TreeList Documentation - Search Panel | Kendo UI
44
description: "Get started with the jQuery TreeList by Kendo UI and learn how to enable search panel to search through its data."
55
slug: searchpanel_kendoui_treelist_widget
6-
position: 5
6+
position: 8
77
---
88

99
# Search Panel

0 commit comments

Comments
 (0)