Skip to content

Commit 3b60d3b

Browse files
author
Kendo Bot
committed
Sync with Kendo UI Professional
1 parent fe1b99c commit 3b60d3b

File tree

9 files changed

+581
-3
lines changed

9 files changed

+581
-3
lines changed

‎docs-aspnet-core/helpers/tag-helpers/autocomplete.md‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
---
2+
title: AutoComplete
3+
page_title: AutoComplete | Telerik UI for ASP.NET Core Tag Helpers
4+
description: "Learn the basics when working with the AutoComplete tag helper for ASP.NET Core (MVC 6 or ASP.NET Core MVC)."
5+
previous_url: /aspnet-core/helpers/autocomplete
6+
slug: taghelpers_autocomplete_aspnetcore
7+
---
8+
9+
# AutoComplete Tag Helper Overview
10+
11+
The AutoComplete tag helper helps you configure the Kendo UI AutoComplete widget in ASP.NET Core applications.
12+
13+
## Basic Usage
14+
15+
The following example demonstrates how to define the AutoComplete by using the AutoComplete tag helper.
16+
17+
###### Example
18+
19+
<kendo-autocomplete name="products" filter="FilterType.StartsWith"></kendo-autocomplete>
20+
21+
## Configuration
22+
23+
The AutoComplete tag helper configuration options are passed as attributes of the tag.
24+
25+
###### Example
26+
27+
```tab-cshtml
28+
29+
@(Html.Kendo().AutoComplete()
30+
.Name("products2")
31+
.DataTextField("ProductName")
32+
.Filter("contains")
33+
.MinLength(3)
34+
.HtmlAttributes(new { style = "width:100%" })
35+
.DataSource(source =>
36+
{
37+
source
38+
.Read(read =>
39+
{
40+
read.Action("GetProducts", "Home")
41+
.Data("onAdditionalData");
42+
})
43+
.ServerFiltering(true);
44+
})
45+
)
46+
47+
<script>
48+
function onAdditionalData() {
49+
return {
50+
text: $("#products").val()
51+
};
52+
}
53+
</script>
54+
```
55+
```tab-tagHelper
56+
57+
<kendo-autocomplete name="products" filter="FilterType.Contains"
58+
datatextfield="ProductName"
59+
min-length="3" style="width: 100%;">
60+
<datasource type="DataSourceTagHelperType.Custom" server-filtering="true">
61+
<transport>
62+
<read url="@Url.Action("GetProducts", "Home")" data="onAdditionalData" />
63+
</transport>
64+
</datasource>
65+
</kendo-autocomplete>
66+
67+
<script>
68+
function onAdditionalData() {
69+
return {
70+
text: $("#products").val()
71+
};
72+
}
73+
</script>
74+
```
75+
76+
## See Also
77+
78+
* [Overview of Telerik UI for ASP.NET Core]({% slug overview_aspnetmvc6_aspnetmvc %})
79+
* [Get Started with Telerik UI for ASP.NET Core in ASP.NET Core Projects]({% slug gettingstarted_aspnetmvc6_aspnetmvc %})
80+
* [Get Started with Telerik UI for ASP.NET Core in ASP.NET Core Projects on Linux]({% slug gettingstartedlinux_aspnetmvc6_aspnetmvc %})
81+
* [Known Issues with Telerik UI for ASP.NET Core]({% slug knownissues_aspnetmvc6_aspnetmvc %})

‎docs-aspnet-core/helpers/tag-helpers/combobox.md‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
---
2+
title: ComboBox
3+
page_title: ComboBox | Telerik UI for ASP.NET Core Tag Helpers
4+
description: "Learn the basics when working with the ComboBox tag helper for ASP.NET Core (MVC 6 or ASP.NET Core MVC)."
5+
previous_url: /aspnet-core/helpers/combobox
6+
slug: taghelpers_combobox_aspnetcore
7+
---
8+
9+
# ComboBox Tag Helper Overview
10+
11+
The ComboBox tag helper helps you configure the Kendo UI ComboBox widget in ASP.NET Core applications.
12+
13+
## Basic Usage
14+
15+
The following example demonstrates how to define the ComboBox by using the ComboBox tag helper.
16+
17+
###### Example
18+
19+
<kendo-combobox name="products" filter="FilterType.StartsWith"></kendo-combobox>
20+
21+
## Configuration
22+
23+
The ComboBox tag helper configuration options are passed as attributes of the tag.
24+
25+
###### Example
26+
27+
```tab-cshtml
28+
29+
@(Html.Kendo().ComboBox()
30+
.Name("products")
31+
.Placeholder("Select product")
32+
.DataTextField("ProductName")
33+
.DataValueField("ProductID")
34+
.HtmlAttributes(new { style = "width:100%;" })
35+
.Filter(FilterType.Contains)
36+
.AutoBind(false)
37+
.MinLength(3)
38+
.DataSource(source =>
39+
{
40+
source.Read(read =>
41+
{
42+
read.Action("GetProducts", "Home");
43+
})
44+
.ServerFiltering(true);
45+
})
46+
)
47+
```
48+
```tab-tagHelper
49+
50+
<kendo-combobox name="products" filter="FilterType.Contains"
51+
placeholder="Select product"
52+
datatextfield="ProductName"
53+
datavaluefield="ProductID"
54+
auto-bind="false"
55+
min-length="3" style="width: 100%;">
56+
<datasource type="DataSourceTagHelperType.Custom" server-filtering="true">
57+
<transport>
58+
<read url="@Url.Action("GetProducts", "Home")" data="onAdditionalData" />
59+
</transport>
60+
</datasource>
61+
</kendo-combobox>
62+
63+
<script>
64+
function onAdditionalData() {
65+
return kendo.ui.ComboBox.requestData(jQuery("#products"));
66+
}
67+
</script>
68+
```
69+
70+
## See Also
71+
72+
* [Overview of Telerik UI for ASP.NET Core]({% slug overview_aspnetmvc6_aspnetmvc %})
73+
* [Get Started with Telerik UI for ASP.NET Core in ASP.NET Core Projects]({% slug gettingstarted_aspnetmvc6_aspnetmvc %})
74+
* [Get Started with Telerik UI for ASP.NET Core in ASP.NET Core Projects on Linux]({% slug gettingstartedlinux_aspnetmvc6_aspnetmvc %})
75+
* [Known Issues with Telerik UI for ASP.NET Core]({% slug knownissues_aspnetmvc6_aspnetmvc %})

‎docs-aspnet-core/helpers/tag-helpers/dropdownlist.md‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
---
2+
title: DropDownList
3+
page_title: DropDownList | Telerik UI for ASP.NET Core Tag Helpers
4+
description: "Learn the basics when working with the DropDownList tag helper for ASP.NET Core (MVC 6 or ASP.NET Core MVC)."
5+
previous_url: /aspnet-core/helpers/dropdownlist
6+
slug: taghelpers_dropdownlist_aspnetcore
7+
---
8+
9+
# DropDownList Tag Helper Overview
10+
11+
The DropDownList tag helper helps you configure the Kendo UI DropDownList widget in ASP.NET Core applications.
12+
13+
## Basic Usage
14+
15+
The following example demonstrates how to define the DropDownList by using the DropDownList tag helper.
16+
17+
###### Example
18+
19+
<kendo-dropdownlist name="products" filter="FilterType.StartsWith"></kendo-dropdownlist>
20+
21+
## Configuration
22+
23+
The DropDownList tag helper configuration options are passed as attributes of the tag.
24+
25+
###### Example
26+
27+
```tab-cshtml
28+
29+
@(Html.Kendo().DropDownList()
30+
.Name("products")
31+
.DataTextField("ProductName")
32+
.DataValueField("ProductID")
33+
.HtmlAttributes(new { style = "width:100%;" })
34+
.Filter(FilterType.Contains)
35+
.DataSource(source =>
36+
{
37+
source.Read(read =>
38+
{
39+
read.Action("GetProducts", "Home");
40+
})
41+
.ServerFiltering(true);
42+
})
43+
)
44+
```
45+
```tab-tagHelper
46+
47+
<kendo-dropdownlist name="products" filter="FilterType.Contains"
48+
placeholder="Select product"
49+
datatextfield="ProductName"
50+
datavaluefield="ProductID"
51+
style="width: 100%;">
52+
<datasource type="DataSourceTagHelperType.Custom" server-filtering="true">
53+
<transport>
54+
<read url="@Url.Action("GetProducts", "Home")" data="onAdditionalData" />
55+
</transport>
56+
</datasource>
57+
</kendo-dropdownlist>
58+
59+
<script>
60+
function onAdditionalData() {
61+
return kendo.ui.DropDownList.requestData(jQuery("#products"));
62+
}
63+
</script>
64+
```
65+
66+
## See Also
67+
68+
* [Overview of Telerik UI for ASP.NET Core]({% slug overview_aspnetmvc6_aspnetmvc %})
69+
* [Get Started with Telerik UI for ASP.NET Core in ASP.NET Core Projects]({% slug gettingstarted_aspnetmvc6_aspnetmvc %})
70+
* [Get Started with Telerik UI for ASP.NET Core in ASP.NET Core Projects on Linux]({% slug gettingstartedlinux_aspnetmvc6_aspnetmvc %})
71+
* [Known Issues with Telerik UI for ASP.NET Core]({% slug knownissues_aspnetmvc6_aspnetmvc %})

‎docs-aspnet-core/helpers/tag-helpers/multiselect.md‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
---
2+
title: MultiSelect
3+
page_title: MultiSelect | Telerik UI for ASP.NET Core Tag Helpers
4+
description: "Learn the basics when working with the MultiSelect tag helper for ASP.NET Core (MVC 6 or ASP.NET Core MVC)."
5+
previous_url: /aspnet-core/helpers/multiselect
6+
slug: taghelpers_multiselect_aspnetcore
7+
---
8+
9+
# MultiSelect Tag Helper Overview
10+
11+
The MultiSelect tag helper helps you configure the Kendo UI MultiSelect widget in ASP.NET Core applications.
12+
13+
## Basic Usage
14+
15+
The following example demonstrates how to define the MultiSelect by using the MultiSelect tag helper.
16+
17+
###### Example
18+
19+
<kendo-multiselect name="products" filter="FilterType.StartsWith"></kendo-multiselect>
20+
21+
## Configuration
22+
23+
The MultiSelect tag helper configuration options are passed as attributes of the tag.
24+
25+
###### Example
26+
27+
```tab-cshtml
28+
29+
@(Html.Kendo().MultiSelect()
30+
.Name("products")
31+
.DataTextField("ProductName")
32+
.DataValueField("ProductID")
33+
.HtmlAttributes(new { style = "width:100%;" })
34+
.Filter(FilterType.Contains)
35+
.DataSource(source =>
36+
{
37+
source.Read(read =>
38+
{
39+
read.Action("GetProducts", "Home");
40+
})
41+
.ServerFiltering(true);
42+
})
43+
)
44+
```
45+
```tab-tagHelper
46+
47+
<kendo-multiselect name="products" filter="FilterType.Contains"
48+
placeholder="Select product"
49+
datatextfield="ProductName"
50+
datavaluefield="ProductID"
51+
style="width: 100%;">
52+
<datasource type="DataSourceTagHelperType.Custom" server-filtering="true">
53+
<transport>
54+
<read url="@Url.Action("GetProducts", "Home")" data="onAdditionalData" />
55+
</transport>
56+
</datasource>
57+
</kendo-multiselect>
58+
59+
<script>
60+
function onAdditionalData() {
61+
return kendo.ui.MultiSelect.requestData(jQuery("#products"));
62+
}
63+
</script>
64+
```
65+
66+
## See Also
67+
68+
* [Overview of Telerik UI for ASP.NET Core]({% slug overview_aspnetmvc6_aspnetmvc %})
69+
* [Get Started with Telerik UI for ASP.NET Core in ASP.NET Core Projects]({% slug gettingstarted_aspnetmvc6_aspnetmvc %})
70+
* [Get Started with Telerik UI for ASP.NET Core in ASP.NET Core Projects on Linux]({% slug gettingstartedlinux_aspnetmvc6_aspnetmvc %})
71+
* [Known Issues with Telerik UI for ASP.NET Core]({% slug knownissues_aspnetmvc6_aspnetmvc %})

‎docs-aspnet-core/helpers/tag-helpers/progressbar.md‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
---
2+
title: ProgressBar
3+
page_title: ProgressBar | Telerik UI for ASP.NET Core Tag Helpers
4+
description: "Learn the basics when working with the ProgressBar tag helper for ASP.NET Core (MVC 6 or ASP.NET Core MVC)."
5+
previous_url: /aspnet-core/helpers/progressbar
6+
slug: taghelpers_progressbar_aspnetcore
7+
---
8+
9+
# ProgressBar Tag Helper Overview
10+
11+
The ProgressBar tag helper helps you configure the Kendo UI ProgressBar widget in ASP.NET Core applications.
12+
13+
## Basic Usage
14+
15+
The following example demonstrates how to define the ProgressBar by using the ProgressBar tag helper.
16+
17+
###### Example
18+
19+
<kendo-progressbar name="fastAndFurious" type="ProgressBarType.Percent" />
20+
21+
## Configuration
22+
23+
The ProgressBar tag helper configuration options are passed as attributes of the tag.
24+
25+
###### Example
26+
27+
```tab-cshtml
28+
29+
@(Html.Kendo().ProgressBar()
30+
.Name("fastAndFurious")
31+
.Type(ProgressBarType.Percent)
32+
.Animation(a => a.Duration(600))
33+
)
34+
```
35+
```tab-tagHelper
36+
37+
<kendo-progressbar name="fastAndFurious"
38+
type="ProgressBarType.Percent" animation-duration="600" />
39+
```
40+
41+
## See Also
42+
43+
* [Overview of Telerik UI for ASP.NET Core]({% slug overview_aspnetmvc6_aspnetmvc %})
44+
* [Get Started with Telerik UI for ASP.NET Core in ASP.NET Core Projects]({% slug gettingstarted_aspnetmvc6_aspnetmvc %})
45+
* [Get Started with Telerik UI for ASP.NET Core in ASP.NET Core Projects on Linux]({% slug gettingstartedlinux_aspnetmvc6_aspnetmvc %})
46+
* [Known Issues with Telerik UI for ASP.NET Core]({% slug knownissues_aspnetmvc6_aspnetmvc %})

0 commit comments

Comments
 (0)