Create button click event using class in jquery in Kendo Editor Tool

Question

I am using Kendo Editor Tool in my MVC application and In 'Insert File' button I have renamed the Cancel button to Close. Once I upload the files and click on close button, the previous page which contains grid should refresh.

I have created a button click like this -

 $('.k-dialog-close.k-button').click(function () {
       alert('clicked');
    });

The above code is not working and hence I am unable to call this button click function. Please help me regarding same.

For Reference I am attaching the screenshot.

Please click here to view the screenshot

As per the screenshot, The Kendo Editor Tool is customized and once Files are uploaded and Close button is pressed the grid behind should refresh.

Below is the html structure, hope this helps -

<div class="k-edit-buttons k-state-default">
<button class="k-dialog-insert k-button k-primary">Insert</button>
<button class="k-dialog-close k-button">Close</button>
</div>

Does this answer your question: [Kendo Grid cancel edit event](https://stackoverflow.com/questions/14499478/kendo-grid-cancel-edit-event) — Alive to die - Anant, Mar 18 '20 at 05:32
Thanks but it didn't. I have attached a screenshot for reference, if it may help you to understand the question. — mradima07, Mar 19 '20 at 08:00

score 1 · Answer 1 · answered Mar 18 '20 at 06:28

1

you are missing ">" in selector between two classes try below script and you are ready to go.

 $('.k-dialog-close >.k-button').click(function () {
       alert('clicked');
    });

answered Mar 18 '20 at 06:28

Sandeep Modak

832
1
5
10

Not working. In Kendo Editor tool there's a 'Insert File' button and in that popup there are two buttons - Insert and Cancel, So I want to call/create a button click event for Cancel button. – mradima07 Mar 19 '20 at 12:41
Can you give html structure copied from inspector window – Sandeep Modak Mar 19 '20 at 13:40
I have added html structure, hope this helps – mradima07 Apr 01 '20 at 04:30
this should give you click event on close button $(document).on('click','.k-dialog-close',function(){ alert('clicked'); }) – Sandeep Modak Apr 01 '20 at 09:26

Create button click event using class in jquery in Kendo Editor Tool

1 Answers1