From f8ef97c090f78f283a1b6d62c54a9435b23aca70 Mon Sep 17 00:00:00 2001 From: Yuvan111 <89587491+Yuvan111@users.noreply.github.com> Date: Thu, 14 Nov 2024 15:43:36 +0530 Subject: [PATCH 1/7] 324496: Provide the dual listbox with drag and drop support sample in UG docs. --- .../drag-drop/dual-drag/dualdraglistbox.cs | 20 ++++++++++++++ .../listbox/drag-drop/dual-drag/razor | 8 ++++++ .../listbox/drag-drop/dual-drag/taghelper | 8 ++++++ ej2-asp-core-mvc/list-box/drag-and-drop.md | 26 +++++++++++++++++++ 4 files changed, 62 insertions(+) create mode 100644 ej2-asp-core-mvc/code-snippet/listbox/drag-drop/dual-drag/dualdraglistbox.cs create mode 100644 ej2-asp-core-mvc/code-snippet/listbox/drag-drop/dual-drag/razor create mode 100644 ej2-asp-core-mvc/code-snippet/listbox/drag-drop/dual-drag/taghelper diff --git a/ej2-asp-core-mvc/code-snippet/listbox/drag-drop/dual-drag/dualdraglistbox.cs b/ej2-asp-core-mvc/code-snippet/listbox/drag-drop/dual-drag/dualdraglistbox.cs new file mode 100644 index 0000000000..a2f4ca2e8c --- /dev/null +++ b/ej2-asp-core-mvc/code-snippet/listbox/drag-drop/dual-drag/dualdraglistbox.cs @@ -0,0 +1,20 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using Microsoft.AspNetCore.Mvc; +using WebApplication1.Models; + +namespace WebApplication1.Controllers +{ + public class ListBoxController : Controller + { + public IActionResult dualdraglistbox() + { + ViewBag.groupA = new string[] { "Austrlia", "Bermuda", "Canada", "Cameroon", "Denmark", "France", "Finland", "Germany", "Hong kong" }; + ViewBag.groupB = new string[] { "India", "Italy", "Japan", "Mexico", "Norway", "Poland", "Switzerland", "United Kingdom", "United States" }; + ViewBag.items = new string[] { "moveUp", "moveDown", "moveTo", "moveFrom", "moveAllTo", "moveAllFrom" }; + return View(); + } + } +} \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/listbox/drag-drop/dual-drag/razor b/ej2-asp-core-mvc/code-snippet/listbox/drag-drop/dual-drag/razor new file mode 100644 index 0000000000..21c62cc3f7 --- /dev/null +++ b/ej2-asp-core-mvc/code-snippet/listbox/drag-drop/dual-drag/razor @@ -0,0 +1,8 @@ +
+
+ @Html.EJS().ListBox("listbox1").DataSource((IEnumerable)ViewBag.groupA).AllowDragAndDrop(true).Scope("#listbox2").ToolbarSettings(new Syncfusion.EJ2.DropDowns.ListBoxToolbarSettings { Items = ViewBag.items }).Render() + +
+ @Html.EJS().ListBox("listbox2").DataSource((IEnumerable)ViewBag.groupB).AllowDragAndDrop(true).Scope("#listbox2").Render() + + \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/listbox/drag-drop/dual-drag/taghelper b/ej2-asp-core-mvc/code-snippet/listbox/drag-drop/dual-drag/taghelper new file mode 100644 index 0000000000..e5b61a8358 --- /dev/null +++ b/ej2-asp-core-mvc/code-snippet/listbox/drag-drop/dual-drag/taghelper @@ -0,0 +1,8 @@ +
+
+ +
+
+ +
+
\ No newline at end of file diff --git a/ej2-asp-core-mvc/list-box/drag-and-drop.md b/ej2-asp-core-mvc/list-box/drag-and-drop.md index 525105798a..248b7df970 100644 --- a/ej2-asp-core-mvc/list-box/drag-and-drop.md +++ b/ej2-asp-core-mvc/list-box/drag-and-drop.md @@ -89,3 +89,29 @@ In the following sample, the `allowDragAndDrop` property is set as `true` and `s {% endtabs %} {% endif %} +## Dual ListBox with drag and drop + +The toolbar and drag and drop actions between two listboxes can be enabled by setting a unique id value and the same scope property value. + +{% if page.publishingplatform == "aspnet-core" %} + +{% tabs %} +{% highlight cshtml tabtitle="CSHTML" %} +{% include code-snippet/listbox/drag-drop/dual-drag/tagHelper %} +{% endhighlight %} +{% highlight c# tabtitle="Dragdrop.cs" %} +{% include code-snippet/listbox/drag-drop/dual-drag/dualdraglistbox.cs %} +{% endhighlight %} +{% endtabs %} + +{% elsif page.publishingplatform == "aspnet-mvc" %} + +{% tabs %} +{% highlight razor tabtitle="CSHTML" %} +{% include code-snippet/listbox/drag-drop/dual-drag/razor %} +{% endhighlight %} +{% highlight c# tabtitle="Dragdrop.cs" %} +{% include code-snippet/listbox/drag-drop/dual-drag/dualdraglistbox.cs %} +{% endhighlight %} +{% endtabs %} +{% endif %} From 19d50eff0897e8bf07d4b818c7a3b909026ae2d2 Mon Sep 17 00:00:00 2001 From: Yuvan111 <89587491+Yuvan111@users.noreply.github.com> Date: Fri, 15 Nov 2024 12:55:36 +0530 Subject: [PATCH 2/7] 324496: Provide the dual listbox with drag and drop support sample in UG docs. --- .../query-builder/how-to/summary-view.md | 2 ++ .../query-builder/images/summary-view.png | Bin 0 -> 6580 bytes 2 files changed, 2 insertions(+) create mode 100644 ej2-asp-core-mvc/query-builder/images/summary-view.png diff --git a/ej2-asp-core-mvc/query-builder/how-to/summary-view.md b/ej2-asp-core-mvc/query-builder/how-to/summary-view.md index 560a71f5b4..4bb0527309 100644 --- a/ej2-asp-core-mvc/query-builder/how-to/summary-view.md +++ b/ej2-asp-core-mvc/query-builder/how-to/summary-view.md @@ -34,3 +34,5 @@ Summary view allows you to show or hide the filtered query. By default, the valu {% endhighlight %} {% endtabs %} {% endif %} + +![Query builder Sample](images/summary-view.png) \ No newline at end of file diff --git a/ej2-asp-core-mvc/query-builder/images/summary-view.png b/ej2-asp-core-mvc/query-builder/images/summary-view.png new file mode 100644 index 0000000000000000000000000000000000000000..025a0de3866effa553fb6ae17f3e10917d018e24 GIT binary patch literal 6580 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 Pqa`i1hY#}Z*}VJ@0tA(d literal 0 HcmV?d00001 From 151a676a578948d80fb76e1c1409d2fb2cdc9159 Mon Sep 17 00:00:00 2001 From: Yuvan111 <89587491+Yuvan111@users.noreply.github.com> Date: Fri, 15 Nov 2024 13:05:40 +0530 Subject: [PATCH 3/7] 324496: Provide the dual listbox with drag and drop support sample in UG docs. --- ej2-asp-core-mvc/query-builder/how-to/summary-view.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-asp-core-mvc/query-builder/how-to/summary-view.md b/ej2-asp-core-mvc/query-builder/how-to/summary-view.md index 4bb0527309..3c78598a22 100644 --- a/ej2-asp-core-mvc/query-builder/how-to/summary-view.md +++ b/ej2-asp-core-mvc/query-builder/how-to/summary-view.md @@ -35,4 +35,4 @@ Summary view allows you to show or hide the filtered query. By default, the valu {% endtabs %} {% endif %} -![Query builder Sample](images/summary-view.png) \ No newline at end of file +![Query builder Sample](../images/summary-view.png) \ No newline at end of file From a0d88b1a07ef515485f4ddfdfc1705ddb847f5b4 Mon Sep 17 00:00:00 2001 From: Yuvan111 <89587491+Yuvan111@users.noreply.github.com> Date: Fri, 3 Jan 2025 17:20:42 +0530 Subject: [PATCH 4/7] 324496: Provide the dual listbox with drag and drop support sample in UG docs. --- ej2-asp-core-mvc/list-box/drag-and-drop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-asp-core-mvc/list-box/drag-and-drop.md b/ej2-asp-core-mvc/list-box/drag-and-drop.md index 248b7df970..fe354ed146 100644 --- a/ej2-asp-core-mvc/list-box/drag-and-drop.md +++ b/ej2-asp-core-mvc/list-box/drag-and-drop.md @@ -91,7 +91,7 @@ In the following sample, the `allowDragAndDrop` property is set as `true` and `s ## Dual ListBox with drag and drop -The toolbar and drag and drop actions between two listboxes can be enabled by setting a unique id value and the same scope property value. +The toolbar and drag and drop actions between two listboxes can be enabled by setting a listbox unique id and the same scope property value. {% if page.publishingplatform == "aspnet-core" %} From 71322043b98b92343cfaf1b3f889bd409f78ef65 Mon Sep 17 00:00:00 2001 From: Yuvan111 <89587491+Yuvan111@users.noreply.github.com> Date: Fri, 3 Jan 2025 18:00:11 +0530 Subject: [PATCH 5/7] 324496: Provide the dual listbox with drag and drop support sample in UG docs. --- ej2-asp-core-mvc/query-builder/how-to/state-persistence.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-asp-core-mvc/query-builder/how-to/state-persistence.md b/ej2-asp-core-mvc/query-builder/how-to/state-persistence.md index 6580dbb407..77e63d949c 100644 --- a/ej2-asp-core-mvc/query-builder/how-to/state-persistence.md +++ b/ej2-asp-core-mvc/query-builder/how-to/state-persistence.md @@ -1,6 +1,6 @@ --- layout: post -title: State Persistence in ##Platform_Name## Query Builder Component +title: State Persistence in ##Platform_Name## Query Builder Component | Syncfusion description: Learn here all about State Persistence in Syncfusion ##Platform_Name## Query Builder component of Syncfusion Essential JS 2 and more. platform: ej2-asp-core-mvc control: State Persistence From 61ac4a77c4ae0d7d67afca83e369b1b44d109111 Mon Sep 17 00:00:00 2001 From: Yuvan111 <89587491+Yuvan111@users.noreply.github.com> Date: Mon, 6 Jan 2025 09:10:58 +0530 Subject: [PATCH 6/7] 324496: Provide the dual listbox with drag and drop support sample in UG docs. --- ej2-asp-core-mvc/query-builder/how-to/summary-view.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-asp-core-mvc/query-builder/how-to/summary-view.md b/ej2-asp-core-mvc/query-builder/how-to/summary-view.md index 3c78598a22..585610461d 100644 --- a/ej2-asp-core-mvc/query-builder/how-to/summary-view.md +++ b/ej2-asp-core-mvc/query-builder/how-to/summary-view.md @@ -1,6 +1,6 @@ --- layout: post -title: SummaryView in ##Platform_Name## QueryBuilder Component +title: SummaryView in ##Platform_Name## QueryBuilder Component | Syncfusion description: Learn here all about Summary View in Syncfusion ##Platform_Name## QueryBuilder component of Syncfusion Essential JS 2 and more. platform: ej2-asp-core-mvc control: Summary View From 7ffd2957aafe5cb6a4f68d462c4c831acaa18db0 Mon Sep 17 00:00:00 2001 From: Yuvan111 <89587491+Yuvan111@users.noreply.github.com> Date: Tue, 7 Jan 2025 15:57:03 +0530 Subject: [PATCH 7/7] 324496: Provide the dual listbox with drag and drop support sample in UG docs. --- ej2-asp-core-mvc/list-box/drag-and-drop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-asp-core-mvc/list-box/drag-and-drop.md b/ej2-asp-core-mvc/list-box/drag-and-drop.md index fe354ed146..d5e319b7b5 100644 --- a/ej2-asp-core-mvc/list-box/drag-and-drop.md +++ b/ej2-asp-core-mvc/list-box/drag-and-drop.md @@ -91,7 +91,7 @@ In the following sample, the `allowDragAndDrop` property is set as `true` and `s ## Dual ListBox with drag and drop -The toolbar and drag and drop actions between two listboxes can be enabled by setting a listbox unique id and the same scope property value. +The toolbar and drag and drop actions between two listboxes can be enabled by setting a listbox unique id and the same [`scope`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.DropDowns.ListBox.html#Syncfusion_EJ2_DropDowns_ListBox_Scope) property value. {% if page.publishingplatform == "aspnet-core" %}