[Solved] External Grid Editor?

[jeff]

I have a simple 3 column table, but one of the columns can have a very significant amount of data to edit - the inline editor is far too small, and I can't really use the modal version without major modification (and they nor I like modal windows, if it can be helped), so my option then is to modify the command and make a custom area to do the edits:

01.{ command: [
02.   {
03.    name: "Edit",
04.    click: function(e) {
05.        var tr = $(e.target).closest("tr");
06.        var data = this.dataItem(tr);
07.
08.        $('#programAdmin').slideUp('slow');
09.        $('#programAdminEdit').slideDown('slow');
10.        $('html, body').animate({
11.            scrollTop : $("#programAdminResults").offset().top
12.        }, 2000);
13.    }
14.   },
15.   {
16.    name: "Remove Notes",
17.    click: function(e) {
18.
19.    }
20.   }
21. ], title: " ", width: "200px" }],

My question is, how do I grab the field data (let's say the field is called  #=DATA_NOTES#) from the kendo grid from an external element, and make edits? Or is there a better solution here? I'd like to give them a glitzy .kendoEditor();, etc.. 

[Alexander Popov]

Hi Jeff,

I would recommend checking this example, which illustrates how similar behavior could be achieved.

Regards,
Alexander Popov
Telerik

 

 

[jeff]

Hi Alex,
Gah, I should have seen that, thank you!

[jeff]

Hi Alexander,
Thank you, that helped immensely. Could you illustrate how to do the same thing, but rather than select the row, click an 'edit' button on a row?

Thank you,

Jeff

[Alexander Popov]

Hi Jeff,

Here is a proof of concept example showing how this could be done on a click of a button.

Regards,
Alexander Popov
Telerik