From 45ddf7c963674a613cc0390114671911caa2e4a5 Mon Sep 17 00:00:00 2001 From: MalleshRavichandran Date: Thu, 9 Oct 2025 01:28:57 +0530 Subject: [PATCH 1/2] 985851: Need to correct the preview output in data-binding sections --- .../data-binding/action-begin.razor | 26 +++++++++++------ .../data-binding/action-failure.razor | 24 ++++++++++----- .../data-binding/web-api-adaptor.razor | 29 ++++++++++--------- blazor/multicolumn-combobox/data-binding.md | 7 ++--- blazor/multicolumn-combobox/value-binding.md | 2 +- 5 files changed, 52 insertions(+), 36 deletions(-) diff --git a/blazor/multicolumn-combobox/code-snippet/data-binding/action-begin.razor b/blazor/multicolumn-combobox/code-snippet/data-binding/action-begin.razor index 171afcabc2..8eb6b293f5 100644 --- a/blazor/multicolumn-combobox/code-snippet/data-binding/action-begin.razor +++ b/blazor/multicolumn-combobox/code-snippet/data-binding/action-begin.razor @@ -1,21 +1,29 @@ @using Syncfusion.Blazor.MultiColumnComboBox @using Syncfusion.Blazor.Data - - + + @code { public Query RemoteQuery = new Query(); - public class EmployeeData + public class OrderDetails { - public int EmployeeID { get; set; } - public string FirstName { get; set; } - public string LastName { get; set; } - public string Country { get; set; } + public int? OrderID { get; set; } + public string CustomerID { get; set; } + public int? EmployeeID { get; set; } + public double? Freight { get; set; } + public string ShipCity { get; set; } + public bool Verified { get; set; } + public DateTime? OrderDate { get; set; } + public string ShipName { get; set; } + public string ShipCountry { get; set; } + public DateTime? ShippedDate { get; set; } + public string ShipAddress { get; set; } } - private void OnActionBeginhandler(ActionBeginEventArgs args) + + private void OnActionBeginhandler(Syncfusion.Blazor.MultiColumnComboBox.ActionBeginEventArgs args) { // Here, you can customize your code. } -} +} \ No newline at end of file diff --git a/blazor/multicolumn-combobox/code-snippet/data-binding/action-failure.razor b/blazor/multicolumn-combobox/code-snippet/data-binding/action-failure.razor index 9732d86d0a..f18543de2c 100644 --- a/blazor/multicolumn-combobox/code-snippet/data-binding/action-failure.razor +++ b/blazor/multicolumn-combobox/code-snippet/data-binding/action-failure.razor @@ -1,19 +1,27 @@ - @using Syncfusion.Blazor.MultiColumnComboBox +@using Syncfusion.Blazor.MultiColumnComboBox @using Syncfusion.Blazor.Data - - + + @code { public Query RemoteQuery = new Query(); - public class EmployeeData + public class OrderDetails { - public int EmployeeID { get; set; } - public string FirstName { get; set; } - public string LastName { get; set; } - public string Country { get; set; } + public int? OrderID { get; set; } + public string CustomerID { get; set; } + public int? EmployeeID { get; set; } + public double? Freight { get; set; } + public string ShipCity { get; set; } + public bool Verified { get; set; } + public DateTime? OrderDate { get; set; } + public string ShipName { get; set; } + public string ShipCountry { get; set; } + public DateTime? ShippedDate { get; set; } + public string ShipAddress { get; set; } } + private void OnActionFailurehandler(Exception args) { // Here, you can customize your code. diff --git a/blazor/multicolumn-combobox/code-snippet/data-binding/web-api-adaptor.razor b/blazor/multicolumn-combobox/code-snippet/data-binding/web-api-adaptor.razor index f946136a6a..a993b53b64 100644 --- a/blazor/multicolumn-combobox/code-snippet/data-binding/web-api-adaptor.razor +++ b/blazor/multicolumn-combobox/code-snippet/data-binding/web-api-adaptor.razor @@ -1,23 +1,24 @@ -@using Syncfusion.Blazor.Data -@using Syncfusion.Blazor.DropDowns @using Syncfusion.Blazor.MultiColumnComboBox @using Syncfusion.Blazor.Data - - + + @code { public Query RemoteQuery = new Query(); - public class EmployeeData - { - public int EmployeeID { get; set; } - public string FirstName { get; set; } - public string LastName { get; set; } - public string Country { get; set; } - } - private void OnActionBeginhandler(ActionBeginEventArgs args) + public class OrderDetails { - // Here, you can customize your code. + public int? OrderID { get; set; } + public string CustomerID { get; set; } + public int? EmployeeID { get; set; } + public double? Freight { get; set; } + public string ShipCity { get; set; } + public bool Verified { get; set; } + public DateTime? OrderDate { get; set; } + public string ShipName { get; set; } + public string ShipCountry { get; set; } + public DateTime? ShippedDate { get; set; } + public string ShipAddress { get; set; } } -} +} \ No newline at end of file diff --git a/blazor/multicolumn-combobox/data-binding.md b/blazor/multicolumn-combobox/data-binding.md index 3fd83d070b..7600d22b4b 100644 --- a/blazor/multicolumn-combobox/data-binding.md +++ b/blazor/multicolumn-combobox/data-binding.md @@ -125,7 +125,7 @@ The [OnActionBegin](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Mult {% endhighlight %} -{% previewsample "https://blazorplayground.syncfusion.com/embed/rtVTXahAKvxlOgaH?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LNVeMZjQHJYqdimB?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ### OnActionFailure event @@ -137,7 +137,7 @@ The [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Mu {% endhighlight %} -{% previewsample "https://blazorplayground.syncfusion.com/embed/rZLpZkrKqPQmofLv?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LtVoWNZwRIdKNBsr?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ### OData v4 services @@ -163,9 +163,8 @@ The [Web API Adaptor](https://blazor.syncfusion.com/documentation/data/adaptors# {% endhighlight %} -{% previewsample "https://blazorplayground.syncfusion.com/embed/VZhTDaLKUlkAUjhM?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/hZhIWjjwnRBWAlvb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} -![Blazor MultiColumn ComboBox with Web API Adaptor](./images/data-binding/blazor_combobox_web-api-adaptor.png) ### Offline mode diff --git a/blazor/multicolumn-combobox/value-binding.md b/blazor/multicolumn-combobox/value-binding.md index 04053d5d62..bdc07cb76a 100644 --- a/blazor/multicolumn-combobox/value-binding.md +++ b/blazor/multicolumn-combobox/value-binding.md @@ -1,6 +1,6 @@ --- layout: post -title: Data Binding in Blazor MultiColumn ComboBox Component | Syncfusion +title: Value Binding in Blazor MultiColumn ComboBox Component | Syncfusion description: Checkout and learn here all about value binding in Syncfusion Blazor MultiColumn ComboBox component and more. platform: Blazor control: MultiColumn ComboBox From a0651d86ad3b1b1d6cf79d8d324e6fce22d45d2d Mon Sep 17 00:00:00 2001 From: MalleshRavichandran <111411628+MalleshRavichandran@users.noreply.github.com> Date: Thu, 9 Oct 2025 01:55:56 +0530 Subject: [PATCH 2/2] Update value-binding.md --- blazor/multicolumn-combobox/value-binding.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/blazor/multicolumn-combobox/value-binding.md b/blazor/multicolumn-combobox/value-binding.md index bdc07cb76a..a87c027678 100644 --- a/blazor/multicolumn-combobox/value-binding.md +++ b/blazor/multicolumn-combobox/value-binding.md @@ -103,7 +103,7 @@ First, create a `MultiColumnComboBox.razor` file as a parent component in the `/ public EventCallback ComboBoxValueChanged { get; set; } } -{% endhighlight razor %} +{% endhighlight %} {% endtabs %} ### Usage of generic component with different type @@ -143,5 +143,5 @@ Here, the MultiColumn ComboBox component with TValue as an int nullable type in }; } -{% endhighlight razor %} +{% endhighlight %} {% endtabs %}