This is a migrated thread and some comments may be shown as answers.

How to display kendo listview as popup on button click event?

1 Answer 633 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Parthasarathi asked on 14 Dec 2012, 10:24 AM
Hi All,

As per project requirement, I have to display kendo list-view as popup on button/link click?
How we can do that? Please help in this case. Immediate response would be appreciated.


1 Answer, 1 is accepted

Sort by
Vladimir Iliev
Telerik team
answered on 17 Dec 2012, 03:48 PM
Hi Parthasarathi,

Basically you should just add ListView control inside Kendo Window content and open the window. Please check the example below:


<div id="windowId">
    <!-- Window content -->
    <div id="listView"></div>
<!-- ListView template -->
<script type="text/x-kendo-tmpl" id="template">
    <div class="twit">
        <a class="t-link" href="${from_user}" title="${from_user}"><img width="48" height="48" src="${profile_image_url}" alt="${from_user}" /></a>

//ListView dataSource
var dataSource = new{
        transport: {
            read: {
                url: "",
                contentType: "application/json; charset=utf-8",
                type: "GET",
                dataType: "jsonp",
                data: {
                    q: "#kendoui"
        schema: {
            data: "results",
            total: "results_per_page"
//ListView initialize
    dataSource: dataSource,
    template: kendo.template($("#template").html())
var mywindow ="";
// window initializing
mywindow = $(windowId).kendoWindow({
    actions: ["Close"],
    draggable: true,
    height: "550px",
    modal: true,
    resizable: true,
    title: "ListView inside KendoWindow",
    width: "650px",
    visible: false
//Open the initialized Window on button click
function openWindow()
    if ($(windowId).data("kendoWindow")) {
        window = $(windowId).data("kendoWindow");;

For convenience I created small demo based on the above example and attached it to the current thread.
Kind Regards,
Vladimir Iliev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Asked by
Top achievements
Rank 1
Answers by
Vladimir Iliev
Telerik team
Share this question