Events

The Telerik UI ListView for ASP.NET Core exposes a number of JavaScript events that allow you to control the behavior of the UI component.

For a complete example of how to handle all ListView events triggered by user interaction, refer to the demo on using the events of the ListView .

Subscribing to Events

The following example demonstrates how to subscribe to the DataBound event.

Razor

    @(Html.Kendo().ListView<Kendo.Mvc.Examples.Models.ProductViewModel>()
    .Name("listView")
    .TagName("ul")
    .ClientTemplateId("template")
    .DataSource(dataSource => dataSource
            .Ajax()
            .Read(read => read.Action("Products_Read", "ListView"))
            .PageSize(21)
        )
        .Pageable(pageable => pageable
           .Refresh(true)
           .ButtonCount(5)
           .PageSizes(new[] { 5, 15, 21 })
        )
        .Events(e=>e.DataBound("onDataBound"))
    )

Razor

    @addTagHelper *, Kendo.Mvc

    <kendo-listview name="listView"
                    tag-name="div"
                    template-id="template"
                    on-data-bound="onDataBound>
        <datasource type="DataSourceTagHelperType.Ajax" page-size="21">
            <transport>
                <read url="@Url.Action("Products_Read", "ListView")" />
            </transport>
        </datasource>
        <pageable enabled="true" />
    </kendo-listview>

JavaScript

    <script>
        function onDataBound(e){
            var listview = $("#listView").data("kendoListView");
            listview.setOptions({selectable: "single"});  // Turn on the selectable mode of the ListView.
            listview.select(listview.content.children().first()); // Select the first item.
        }
    </script>

Next Steps

• Using the ListView Events (Demo)

See Also

• Server-Side API of the ListView
• Client-Side API of the ListView