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

CellContextMenu

methods

Gets the contextMenu instance of the cell.

cellContextMenu

pseudo

    <div id="spreadsheet"></div>

    <script>
        $(function() {
            var spreadsheet = $("#spreadsheet").kendoSpreadsheet().data("kendoSpreadsheet"),
                cellContextMenu = spreadsheet.cellContextMenu();

          	cellContextMenu.append([{ text: "Highlight", cssClass: "highlight" }]);

            cellContextMenu.bind("select", function(e) {
               var command = $(e.item).text();

              if(command == "Highlight") {
              	var sheet = spreadsheet.activeSheet(),
                    selection = sheet.selection();

                selection.background("green");
              }
           });
        });
    </script>

Returns:kendo.ui.ContextMenu

- The menu instance.

<div id="spreadsheet"></div>
<script>
var spreadsheet = $("#spreadsheet").kendoSpreadsheet().data("kendoSpreadsheet");
var cellContextMenu = spreadsheet.cellContextMenu();
cellContextMenu.append([{ text: "Custom Action", cssClass: "custom" }]);
cellContextMenu.bind("select", function(e) {
    console.log("Custom action selected");
});
</script>

CellContextMenu

cellContextMenu

Dynamically adding a context menu item and associating a selection command