Integrated latest changes at 10-31-2024 4:30:59 PM

Author: SyncfusionBuild

ej2-react/listview/check-list.md

@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
 
 # Check list in React Listview component
 
-The ListView supports checkbox in default and group-lists which is used to select multiple items. The checkbox can be enabled by the `showCheckBox` property.
+The ListView supports checkbox in default and group-lists which is used to select multiple items. The checkbox can be enabled by the [`showCheckBox`](https://ej2.syncfusion.com/react/documentation/api/list-view/#showcheckbox) property.
 
 The Checkbox will be useful in the scenario where we need to select multiple options. For Example, In Shipping cart we can be able to select or unselect the desired items before checkout and also it will be useful in selecting multiple items that belongs to same category using the group list.
 
@@ -27,7 +27,7 @@ The Checkbox will be useful in the scenario where we need to select multiple opt
 
 ## Checkbox Position
 
-In ListView the checkbox can be positioned into either `Left` or `Right` side of the list-item text. This can be achieved by `checkBoxPositon` property. By default, checkbox will be positioned to `Left` of list-item text.
+In ListView the checkbox can be positioned into either `Left` or `Right` side of the list-item text. This can be achieved by [`checkBoxPosition`](https://ej2.syncfusion.com/react/documentation/api/list-view/#checkboxposition) property. By default, checkbox will be positioned to `Left` of list-item text.
 
 {% tabs %}
 {% highlight js tabtitle="index.jsx" %}

ej2-react/listview/customizing-templates.md

@@ -170,7 +170,7 @@ return (<ListViewComponent id='list' dataSource={listData} groupTemplate={groupT
     </ListViewComponent>);
 ```
 
-In the below example, we have grouped Listview based on the category. The category of each list item should be mapped with [`groupBy`] field of the data. We have also displayed grouped list items count in the group list header.
+In the below example, we have grouped Listview based on the category. The category of each list item should be mapped with [`groupBy`](https://ej2.syncfusion.com/react/documentation/api/list-view/fieldSettingsModel/#groupby) field of the data. We have also displayed grouped list items count in the group list header.
 
 {% tabs %}
 {% highlight js tabtitle="index.jsx" %}

ej2-react/listview/data-binding.md

@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
 
 # Data binding in React Listview component
 
-ListView provides the option to load the data either from local data sources or remote data services. This can be done through dataSource property which supports the data type of array or through DataManager.
+ListView provides the option to load the data either from local data sources or remote data services. This can be done through [`dataSource`](https://ej2.syncfusion.com/react/documentation/api/list-view/#datasource) property which supports the data type of array or through DataManager.
 
 ListView supports different kind of data services such as OData, OData V4, Web API and data formats like XML, JSON, JSONP with the help of DataManager Adaptors.
 
@@ -28,7 +28,7 @@ ListView supports different kind of data services such as OData, OData V4, Web A
 | sortBy | string | Specifies sorting field, which is used to sort the listview data. |
 | htmlAttributes | string | Specifies list item html attributes field. |
 
-> When complex data bind to ListView, you should map the fields properly. Otherwise, the ListView properties remain as undefined or null.
+> When complex data bind to ListView, you should map the [`fields`](https://ej2.syncfusion.com/react/documentation/api/list-view/#fields) properly. Otherwise, the ListView properties remain as undefined or null.
 
 ## Bind to local data
 
@@ -71,7 +71,7 @@ The below example illustrates the concept of binding Array of JSON data.
 
 ## Bind to remote data
 
-ListView supports to retrieve the data from remote data services with the help of DataManager component and Query property allows to fetch data and return it to ListView from the database.
+ListView supports to retrieve the data from remote data services with the help of [`DataManager`](https://ej2.syncfusion.com/react/documentation/data/getting-started) component and [`Query`](https://ej2.syncfusion.com/react/documentation/data/querying) property allows to fetch data and return it to ListView from the database.
 
 In the below sample, displayed first 6 Products from Product table of NorthWind data service.
 

ej2-react/listview/grouping.md

@@ -12,7 +12,7 @@ domainurl: ##DomainURL##
 
 ListView supports to wrap the nested element into a group based on category.
 
-The category of each list item can be mapped with groupBy field in the data table, which also supports single-level navigation.
+The category of each list item can be mapped with [`groupBy`](https://ej2.syncfusion.com/react/documentation/api/list-view/fieldSettingsModel/#groupby) field in the data table, which also supports single-level navigation.
 
 In below sample, Cars are grouped based on its category using groupBy field.
 
@@ -29,4 +29,4 @@ In below sample, Cars are grouped based on its category using groupBy field.
 
 ## Customization
 
-The grouping header can be customized by using groupTemplate property for both inline and fixed group header.
+The grouping header can be customized by using [`groupTemplate`](https://ej2.syncfusion.com/react/documentation/api/list-view/#grouptemplate) property for both inline and fixed group header.

ej2-react/listview/how-to/add-and-remove-list-items-from-listview.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Add and remove list items from listview in React Listview component | Syncfusion
+title: Add and remove list items in React Listview component | Syncfusion
 description: Learn here all about Add and remove list items from listview in Syncfusion React Listview component of Syncfusion Essential JS 2 and more.
 control: Add and remove list items from listview 
 platform: ej2-react
@@ -12,18 +12,13 @@ domainurl: ##DomainURL##
 
 You can add or remove list items from the ListView component using the [`addItem`](https://ej2.syncfusion.com/react/documentation/api/list-view/#additem) and [`removeItem`](https://ej2.syncfusion.com/react/documentation/api/list-view/#removeitem) methods. Refer to the following steps to add or remove a list item.
 
-* Render the ListView with data source, and use the
-[template](https://ej2.syncfusion.com/react/documentation/api/list-view/#template) property to append the delete icon
-for each list item. Also, bind the click event for the delete icon using the
+* Render the ListView with data source, and use the [template](https://ej2.syncfusion.com/react/documentation/api/list-view/#template) property to append the delete icon for each list item. Also, bind the click event for the delete icon using the
 [actionComplete](https://ej2.syncfusion.com/react/documentation/api/list-view/#actioncomplete) handler.
 
-* Render the Add Item button, and bind the click event. On the click event handler, pass data with random id to
-the [`addItem`](https://ej2.syncfusion.com/react/documentation/api/list-view/#additem) method to add a
-new list item on clicking the Add Item button.
+* Render the Add Item button, and bind the click event. On the click event handler, pass data with random id to the [`addItem`](https://ej2.syncfusion.com/react/documentation/api/list-view/#additem) method to add a new list item on clicking the Add Item button.
 
 * Bind the click handler to the delete icon created in step 1. Within the click event, remove the list item by passing the
-delete icon list item to
-[`removeItem`](https://ej2.syncfusion.com/react/documentation/api/list-view/#removeitem) method.
+delete icon list item to [`removeItem`](https://ej2.syncfusion.com/react/documentation/api/list-view/#removeitem) method.
 
 {% tabs %}
 {% highlight js tabtitle="index.jsx" %}

ej2-react/listview/how-to/create-dual-list-from-listview.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Create dual list from listview in React Listview component | Syncfusion
+title: Create dual list from React Listview component  | Syncfusion
 description: Learn here all about Create dual list from listview in Syncfusion React Listview component of Syncfusion Essential JS 2 and more.
 control: Create dual list from listview 
 platform: ej2-react
@@ -10,8 +10,7 @@ domainurl: ##DomainURL##
 
 # Create dual list from listview in React Listview component
 
-The dual list contains two ListView. This allows you to move list items from one list to another using the client-side
-events. This section explains how to integrate the ListView component to achieve dual list.
+The dual list contains two ListView. This allows you to move list items from one list to another using the client-side events.This section explains how to integrate the ListView component to achieve dual list.
 
 ## Use cases
 
@@ -20,26 +19,22 @@ events. This section explains how to integrate the ListView component to achieve
 
 ## Integration of Dual List
 
-Here, two ListView components have been used to display the list items. An ej2-button is used to transfer data between
-the ListView, and a textbox is used to achieve the UI of filtering support.
+Here, two ListView components have been used to display the list items. An ej2-button is used to transfer data between the ListView, and a textbox is used to achieve the UI of filtering support.
 
 The dual list supports:
 
 * Moving whole data from one list to another.
 * Moving selected data from one list to another.
 * Filtering the list by using a client-side typed character.
 
-In the ListView component, sorting is enabled using the
-[sortOrder](https://ej2.syncfusion.com/react/documentation/api/list-view/#sortorder) property, and
-the [select](https://ej2.syncfusion.com/react/documentation/api/list-view/#select) event is triggered
-while selecting an item. Here, the select event is triggered to enable and disable button states.
+In the ListView component, sorting is enabled using the [sortOrder](https://ej2.syncfusion.com/react/documentation/api/list-view/#sortorder) property, and the [select](https://ej2.syncfusion.com/react/documentation/api/list-view/#select) event is triggered while selecting an item. Here, the select event is triggered to enable and disable button states.
 
 ## Manipulating data
 
 ## Moving whole data from the first list to the second list(>>)
 
 * Here, the whole data can be moved from the first ListView to the second by clicking the first button. When clicking the button,
-the whole list items are sliced, and `concat` with the second ListView. This button is enabled only when the data source
+the whole list items are sliced, and connect with the second ListView. This button is enabled only when the data source
 of the first ListView is not empty.
 
 ## Moving whole data from the second list to the first list(<<)
@@ -49,21 +44,15 @@ list. This button is enabled only when the data source of the second ListView is
 
 ## Moving selected item from one list to another list (>) and (<)
 
-* The [Select](https://ej2.syncfusion.com/react/documentation/api/list-view/#select) event is triggered
-when selecting a list item in the ListView. The selected items can be transferred between two lists. These buttons will be
-enabled when selecting an item in lists.
+* The [Select](https://ej2.syncfusion.com/react/documentation/api/list-view/#select) event is triggered when selecting a list item in the ListView. The selected items can be transferred between two lists. These buttons will be enabled when selecting an item in lists.
 
 ## Filtering method
 
-* The filtering method is used to filter list items when typing a character in the text box. In this
-method, the [`dataManager`](https://ej2.syncfusion.com/react/documentation/data/getting-started/) has been
-used to fetch data from the data source and display in ListView.
+* The filtering method is used to filter list items when typing a character in the text box. In this method, the [`dataManager`](https://ej2.syncfusion.com/react/documentation/data/getting-started/) has been used to fetch data from the data source and display in ListView.
 
 ## Sorting
 
-* By using the dual list, list items can be sorted in the ListView component using the
-[sortOrder](https://ej2.syncfusion.com/react/documentation/api/list-view/#sortorder) property.
-You can enable sorting in one ListView; in the same order, data can be transferred to another ListView.
+* By using the dual list, list items can be sorted in the ListView component using the [sortOrder](https://ej2.syncfusion.com/react/documentation/api/list-view/#sortorder) property. You can enable sorting in one ListView; in the same order, data can be transferred to another ListView.
 
 {% tabs %}
 {% highlight js tabtitle="index.jsx" %}

ej2-react/listview/how-to/customize-listview-as-chat-window.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Customize listview as chat window in React Listview component | Syncfusion
+title: Customize as chat window in React Listview component | Syncfusion
 description: Learn here all about Customize listview as chat window in Syncfusion React Listview component of Syncfusion Essential JS 2 and more.
 control: Customize listview as chat window 
 platform: ej2-react

ej2-react/listview/how-to/customize-listview-with-dynamic-tags.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Customize listview with dynamic tags in React Listview component | Syncfusion
+title: Customize listview with dynamic tags | Syncfusion
 description: Learn here all about Customize listview with dynamic tags in Syncfusion React Listview component of Syncfusion Essential JS 2 and more.
 control: Customize listview with dynamic tags 
 platform: ej2-react
@@ -95,30 +95,6 @@ Refer to the following code sample of actionComplete event.
 
 
 
-   ```ts
-
-     //Method to hide/show the dialog and update the ListView data source
-        function renderDialog(id) {
-          if (document.getElementsByClassName('e-popup-open').length !== 0) {
-           dialogInstance.hide();
-       }
-        else {
-          let listElem: any = document.getElementById('dialog').querySelector("#list");
-          let listIns = document.getElementById('dialog').querySelector("#list") && document.getElementById('dialog').querySelector("#list").ej2_instances && document.getElementById('dialog').querySelector("#list").ej2_instances[0] ? document.getElementById('dialog').querySelector("#list").ej2_instances[0] : undefined;
-        if(listIns){
-        listIns.dataSource = datasource[id];
-        listIns.fields = fields;
-        listIns.addEventListener('select', ()=> { addTag(event);});
-        listIns.dataBind();
-        listIns.appendTo(listElem);
-        dialogInstance.position = { X: document.querySelector('.e-add-icon').getBoundingClientRect().left + 50, Y: document.querySelector('.e-add-icon').getBoundingClientRect().top - 5 };
-        dialogInstance.show();
-        }
-    }
-   }
-
- ```
-
   ```ts
     //Method to hide/show the dialog and update the ListView data source
    function renderDialog(id) {

ej2-react/listview/how-to/filter-list-items-in-the-listview.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Filter list items in the listview in React Listview component | Syncfusion
+title: Filter list items in React Listview component | Syncfusion
 description: Learn here all about Filter list items in the listview in Syncfusion React Listview component of Syncfusion Essential JS 2 and more.
 control: Filter list items in the listview 
 platform: ej2-react
@@ -10,20 +10,14 @@ domainurl: ##DomainURL##
 
 # Filter list items in the listview in React Listview component
 
-The filtered data can be displayed in the ListView component depending upon on user inputs using the
-[`DataManager`](https://ej2.syncfusion.com/react/documentation/data/getting-started/). Refer to the
-following steps to render the ListView with filtered data.
+The filtered data can be displayed in the ListView component depending upon on user inputs using the [`DataManager`](https://ej2.syncfusion.com/react/documentation/data/getting-started/). Refer to the following steps to render the ListView with filtered data.
 
 * Render a textbox to get input for filtering data.
 
-* Render ListView with
-  [`dataSource`](https://ej2.syncfusion.com/react/documentation/api/list-view/#datasource), and set
-  the [`sortOrder`](https://ej2.syncfusion.com/react/documentation/api/list-view/#sortorder) property.
+* Render ListView with [`dataSource`](https://ej2.syncfusion.com/react/documentation/api/list-view/#datasource), and set the [`sortOrder`](https://ej2.syncfusion.com/react/documentation/api/list-view/#sortorder) property.
 
 * Bind the `keyup` event for textbox to perform filtering operation. To filter list data, pass the list data source to the
-  `DataManager`, manipulate the data using the
-  [`executeLocal`](https://ej2.syncfusion.com/documentation/api/data/dataManager/#executelocal) method,
-  and then update filtered data as ListView dataSource.
+  `DataManager`, manipulate the data using the [`executeLocal`](https://ej2.syncfusion.com/documentation/api/data/dataManager/#executelocal) method, and then update filtered data as ListView dataSource.
 
 {% tabs %}
 {% highlight js tabtitle="index.jsx" %}
@@ -36,7 +30,4 @@ following steps to render the ListView with filtered data.
 
  {% previewsample "page.domainurl/code-snippet/listview/filter-cs1" %}
 
-> In this demo, data has been filtered with starting character of the list items. You can also filter list items with ending
-> character by passing the `endswith` in
-> [where](https://ej2.syncfusion.com/documentation/api/data/query/#where)
-> clause instead of `startswith`.
+> In this demo, data has been filtered with starting character of the list items. You can also filter list items with ending character by passing the `endswith` in [where](https://ej2.syncfusion.com/documentation/api/data/query/#where) clause instead of `startswith`.

ej2-react/listview/how-to/get-selected-items-from-listview.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Get selected items from listview in React Listview component | Syncfusion
+title: Get selected items from React Listview component | Syncfusion
 description: Learn here all about Get selected items from listview in Syncfusion React Listview component of Syncfusion Essential JS 2 and more.
 control: Get selected items from listview 
 platform: ej2-react
@@ -10,18 +10,14 @@ domainurl: ##DomainURL##
 
 # Get selected items from listview in React Listview component
 
-Single or many items can be selected by users in the ListView component. An API is used to get selected items from the
-list items. This is called as the
-[`getSelectedItems`](https://ej2.syncfusion.com/react/documentation/api/list-view/#getselecteditems)
+Single or many items can be selected by users in the ListView component. An API is used to get selected items from the list items. This is called as the [`getSelectedItems`](https://ej2.syncfusion.com/react/documentation/api/list-view/#getselecteditems)
 method.
 
 ## `getSelectedItems` method
 
-This is used to get the details of the currently selected item from the list items. It returns the
-[`SelectedItem`](https://ej2.syncfusion.com/react/documentation/api/list-view/selectedItem/) |
-[`SelectedCollection`](https://ej2.syncfusion.com/react/documentation/api/list-view/selectedCollection/)
+This is used to get the details of the currently selected item from the list items. It returns the [`SelectedItem`](https://ej2.syncfusion.com/react/documentation/api/list-view/selectedItem/) | [`SelectedCollection`](https://ej2.syncfusion.com/react/documentation/api/list-view/selectedCollection/)
 
-The `getSelectedItems` method returns the following items from the selected list items.
+The [`getSelectedItems`](https://ej2.syncfusion.com/react/documentation/api/list-view/#getselecteditems) method returns the following items from the selected list items.
 
 | Return type | Purpose |
 |------------|-------------------|