Skip to content

Commit ce7a7be

Browse files
910685: Need to update the documentation for the multicolumn combobox component
1 parent ec8faee commit ce7a7be

File tree

1 file changed

+0
-86
lines changed

1 file changed

+0
-86
lines changed

blazor/multicolumn-combobox/data-binding.md

Lines changed: 0 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -65,29 +65,6 @@ Index value binding can be accomplished with the `bind-Index` attribute, which s
6565
}
6666
```
6767

68-
<!-- ### DataBound event
69-
70-
The [DataBound]() event triggers when the data source is populated in the popup list.
71-
72-
{% highlight cshtml %}
73-
74-
{% include_relative code-snippet/data-binding/data-bound.razor %}
75-
76-
{% endhighlight %}
77-
78-
79-
### Complex data type
80-
81-
The MultiColumn ComboBox can generate its list items through an array of complex data. For this, the appropriate columns should be mapped to the [TextField](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.MultiColumnComboBox.SfMultiColumnComboBox-2.html#Syncfusion_Blazor_MultiColumnComboBox_SfMultiColumnComboBox_2_TextField) and [ValueField](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.MultiColumnComboBox.SfMultiColumnComboBox-2.html#Syncfusion_Blazor_MultiColumnComboBox_SfMultiColumnComboBox_2_ValueField) property.
82-
83-
In the following example, the `Code.ID` column and `Country.CountryID` column from complex data have been mapped to the [TextField](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.MultiColumnComboBox.SfMultiColumnComboBox-2.html#Syncfusion_Blazor_MultiColumnComboBox_SfMultiColumnComboBox_2_TextField) and [ValueField](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.MultiColumnComboBox.SfMultiColumnComboBox-2.html#Syncfusion_Blazor_MultiColumnComboBox_SfMultiColumnComboBox_2_ValueField) property respectively.
84-
85-
{% highlight cshtml %}
86-
87-
{% include_relative code-snippet/data-binding/complex-data-type.razor %}
88-
89-
{% endhighlight %} -->
90-
9168
### Expando object binding
9269

9370
Bind the [ExpandoObject](https://learn.microsoft.com/en-us/dotnet/api/system.dynamic.expandoobject?view=net-5.0) data to the MultiColumn ComboBox component. In the following example, the `ExpandoObject` is bound to the collection of vehicles data.
@@ -100,16 +77,6 @@ Bind the [ExpandoObject](https://learn.microsoft.com/en-us/dotnet/api/system.dyn
10077

10178
![Blazor ComboBox with Expando object binding](./images/data-binding/blazor_combobox_expando-object-binding.png)
10279

103-
<!-- ### Observable collection binding
104-
105-
Bind the [ObservableCollection](https://blazor.syncfusion.com/documentation/common/data-binding/data-updates#observable-collection) data to the MultiColumn ComboBox component. In the following example, the `Observable Data` is bound to a collection of colors data.
106-
107-
{% highlight cshtml %}
108-
109-
{% include_relative code-snippet/data-binding/observable-collection-binding.razor %}
110-
111-
{% endhighlight %} -->
112-
11380
### Dynamic object binding
11481

11582
Bind the [DynamicObject](https://learn.microsoft.com/en-us/dotnet/api/system.dynamic.dynamicobject?view=net-5.0) data to the MultiColumn ComboBox component. In the following example, the `DynamicObject` is bound to the collection of customer data.
@@ -152,16 +119,6 @@ The [OnActionBegin](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Mult
152119

153120
{% endhighlight %}
154121

155-
<!-- ### OnActionComplete event
156-
157-
The [OnActionComplete](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.MultiColumnComboBox.SfMultiColumnComboBox-2.html#Syncfusion_Blazor_MultiColumnComboBox_SfMultiColumnComboBox_2_OnActionComplete) event triggers after data is fetched successfully from the remote server.
158-
159-
{% highlight cshtml %}
160-
161-
{% include_relative code-snippet/data-binding/action-complete.razor %}
162-
163-
{% endhighlight %} -->
164-
165122
### OnActionFailure event
166123

167124
The [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.MultiColumnComboBox.SfMultiColumnComboBox-2.html#Syncfusion_Blazor_MultiColumnComboBox_SfMultiColumnComboBox_2_OnActionFailure) event triggers when the data fetch request from the remote server fails.
@@ -196,39 +153,6 @@ The [Web API Adaptor](https://blazor.syncfusion.com/documentation/data/adaptors#
196153

197154
![Blazor ComboBox with Web API Adaptor](./images/data-binding/blazor_combobox_web-api-adaptor.png)
198155

199-
<!-- ### Custom adaptor
200-
201-
The [SfDataManager](https://help.syncfusion.com/cr/aspnetcore-blazor/Syncfusion.Blazor.Data.SfDataManager.html) has custom adaptor support which allows you to perform manual operations on the data. This can be utilized for implementing customize data binding and editing operations in the MultiColumn ComboBox component.
202-
203-
For implementing custom data binding in the MultiColumn ComboBox, the `DataAdaptor` class is used. This abstract class acts as a base class for the custom adaptor.
204-
205-
The `DataAdaptor` abstract class has both synchronous and asynchronous method signatures, which can be overridden in the custom adaptor. Following are the method signatures present in this class.
206-
207-
```csharp
208-
public abstract class DataAdaptor
209-
{
210-
/// <summary>
211-
/// Performs data Read operation synchronously.
212-
/// </summary>
213-
public virtual object Read(DataManagerRequest dataManagerRequest, string key = null)
214-
215-
/// <summary>
216-
/// Performs data Read operation asynchronously.
217-
/// </summary>
218-
public virtual Task<object> ReadAsync(DataManagerRequest dataManagerRequest, string key = null)
219-
}
220-
```
221-
222-
In custom Adaptor, the data binding operation can be performed in the MultiColumn ComboBox component by providing the custom adaptor class and overriding the Read or ReadAsync method of the DataAdaptor abstract class.
223-
224-
The following sample code demonstrates implementing custom data binding using custom adaptor.
225-
226-
{% highlight cshtml %}
227-
228-
{% include_relative code-snippet/data-binding/custom-adaptor.razor %}
229-
230-
{% endhighlight %} -->
231-
232156
### Offline mode
233157

234158
To avoid post back for every action, set the MultiColumn ComboBox to load all data on initialization and make the actions process on the client-side. To enable this behavior, use the `Offline` property of `DataManager`.
@@ -365,13 +289,3 @@ Now, configure the MultiColumn ComboBox using the [SfDataManager](https://blazor
365289
{% include_relative code-snippet/data-binding/combobox-with-web-api-adaptor.razor %}
366290

367291
{% endhighlight %}
368-
369-
<!-- ## Adding new items
370-
371-
Add the new item in the popup with the help of [AddItemsAsync]() public method. This method will add a mentioned item in the MultiColumn ComboBox popup without affecting the data source items.
372-
373-
{% highlight cshtml %}
374-
375-
{% include_relative code-snippet/data-binding/add-new-item.razor %}
376-
377-
{% endhighlight %} -->

0 commit comments

Comments
 (0)