Interface for a class ListView
EmitType<Object>
We can trigger actionBegin event before every ListView action starts.
EmitType<Object>
We can trigger actionComplete event for every ListView action success event
with the dataSource parameter.
EmitType<Object>
We can trigger actionFailure event for every ListView action failure event
with the dataSource parameter.
We can trigger the select event when we select the list item in the component.
It is used to apply the animation to sub list navigation of list items.
checkBoxPosition
It is used to set the position of check box in an item.
string
This cssClass property helps to use custom skinning option for ListView component, by adding the mentioned class name into root element of ListView.
Object[] | string[] | number[] | DataManager
It provides the data to render the ListView component which is mapped with the fields of ListView. {% codeBlock src=“listview/datasource-api/index.ts” %}{% endcodeBlock %}
boolean
It specifies enabled state of ListView component.
boolean
Enable or disable persisting component’s state between page reloads.
boolean
Enable or disable rendering component in right to left direction.
boolean
It enables UI virtualization which will increase ListView performance on loading large number of data.
It is used to map keys from the dataSource which extracts the appropriate data from the dataSource with specified mapped with the column fields to render the ListView. {% codeBlock src=“listview/fields-api/index.ts” %}{% endcodeBlock %}
string
The ListView has an option to custom design the group header title with the help of groupTemplate property. Refer the documentation [here] (./listview/customizing-templates#group-template) to know more about this property with demo. {% codeBlock src=“listview/grouptemplate-api/index.ts” %}{% endcodeBlock %}
string
The ListView has an option to custom design the ListView header title with the help of headerTemplate property. Refer the documentation [here] (./listview/customizing-templates#header-template) to know more about this property with demo. {% codeBlock src=“listview/headertemplate-api/index.ts” %}{% endcodeBlock %}
string
It is used to set the title of ListView component. {% codeBlock src=“listview/fields-api/index.ts” %}{% endcodeBlock %}
number | string
It is used to set the height of the ListView component.
Object
Defines the HTML attributes such as id, class, etc., for the ListView.
string
Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.
Query
It is used to fetch the specific data from dataSource by using where, select key words. Refer the documentation [here] (./data-binding#bind-to-remote-data) to know more about this property with demo. {% codeBlock src=“listview/query-api/index.ts” %}{% endcodeBlock %}
boolean
Using this property, we can show or hide the checkbox.
{% codeBlock src=“listview/showcheckbox-api/index.ts” %}{% endcodeBlock %}
boolean
Using this property, we can show or hide the header of ListView component. {% codeBlock src=“listview/fields-api/index.ts” %}{% endcodeBlock %}
boolean
Using this property, we can show or hide the icon of list item. {% codeBlock src=“listview/showicon-api/index.ts” %}{% endcodeBlock %}
string
It is used to enable the sorting of list items to be ascending or descending. {% codeBlock src=“listview/sortorder-api/index.ts” %}{% endcodeBlock %}
string
The ListView supports to customize the content of each list items with the help of template property. Refer the documentation here to know more about this property with demo. {% codeBlock src=“listview/template-api/index.ts” %}{% endcodeBlock %}
number | string
It sets the width to the ListView component.