New to Kendo UI for jQuery? Start a free 30-day trial

DataBound

events

Fires when the ContextMenu is bound to the set DataSource.

dataBound

Event Data

e.item `HTMLElement`

The loaded item (at initial bound this will be the Menu root element).

e.dataItem `Object`

The dataItem that is being loaded or bound (at initial bound this should be undefined).

To set after initialization

<div id="target">Target</div>
<ul id="context-menu"></ul>
<script>
    var dataSource = new kendo.data.HierarchicalDataSource({
        transport: {
            read: {
                url: "https://demos.telerik.com/service/v2/core/Employees"
            }
        },
        schema: {
            model: {
                id: "EmployeeId",
                hasChildren: "HasEmployees"
            }
        }
    });

    var contextMenu = $("#context-menu").kendoContextMenu({
        target: "#target",
        dataTextField: "FullName",
        dataSource: dataSource
    }).data("kendoContextMenu");

    contextMenu.bind("dataBound", function() {
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log("dataBound");
    });
</script>

<div id="target">Target</div>
<ul id="context-menu"></ul>
<script>
    var dataSource = new kendo.data.HierarchicalDataSource({
        transport: {
            read: {
                url: "https://demos.telerik.com/service/v2/core/Employees"
            }
        },
        schema: {
            model: {
                id: "EmployeeId",
                hasChildren: "HasEmployees"
            }
        }
    });

     $("#context-menu").kendoContextMenu({
        target: "#target",
        dataTextField: "FullName",
        dataSource: dataSource,
        dataBound: function(){
/* The result can be observed in the DevTools(F12) console of the browser. */
            console.log("dataBound");
        }
    })
</script>