or
$("#div").kendoValidator({ validateOnBlur: false }) wnd = $("#details") .kendoWindow({ title: "Customer Details", modal: true, visible: false, resizable: false, width: 960 }).data("kendoWindow"); http://demos.kendoui.com/web/grid/editing-popup.html
I have been able to display the buttons by adding the anchor tags copied for the buttons from a normal popup window, but it isn't bound to any events although it displays the buttons, it won't fire the save or cancel actions.
Here is my template code:
<script type="text/x-kendo-template" id="editClientTemplate"> <div id="details-container"> <h2>#= borrowerFirstName # #= borrowerLastName #</h2> <em>Contact ID #= contactId #</em> </div> <a class="k-button k-button-icontext k-grid-update" href="\\#"><span class="k-icon k-update"></span>Update</a> <a class="k-button k-button-icontext k-grid-cancel" href="\\#"><span class="k-icon k-cancel"></span>Cancel</a></script>function ajaxCallColumn(div, hier, dsField, stck, catAxisField, filter, srsClk, data) { $.ajax({ url: '/api/Chart/', cache: false, type: 'POST', contentType: 'application/json; charset=utf-8', data: JSON.stringify(data), success: function (result) { $(div).kendoChart({ dataSource: { data: result, group: { field: dsField }, filter: { field: "Category", operator: "neq", value: categorySwitch } }, chartArea: { background: "transparent" }, title: { text: result[0]["TableCaption"] }, seriesColors: ["#007c85", "#f3901d", "#b2bb1e", "#a40046", "#00aeef", "#ffcc00", "#5f6062", "#25567b", "#ccccff", "#380470", "#6FFF00", "#9000FF"], legend: { visible: true }, series: [{ type: "column", field: "Value", tooltip:{ visible: true, template: "#= series.name # - #= value #" } }], seriesClick: srsClk, categoryAxis: { field: catAxisField, labels: { rotation: 90 } } }); }, error: function (result) { if (result.status != 401) { alert(result.status + " " + result.statusText); } }, statusCode: { 401: function (jqXHR, textStatus, errorThrown) { self.location = '/Account/Login/'; } } });}