This is a migrated thread and some comments may be shown as answers.

Populating Kendo Window with Data from Kendo Grid on click of Edit

6 Answers 976 Views

Window

This is a migrated thread and some comments may be shown as answers.

bharath asked on 06 Mar 2015, 10:24 AM

Im using Kendo Grid And Kendo Window.. On click of Edit in Kendo Grid, Need to populate a kendo window which consists of Textboxes.. Im not using the editable"popup" because there is a grid in Kendo Window. Anyways.. Here Is my Window

if (window != null) {

if (!window.data("kendoWindow")) {
window.kendoWindow({
visible: true
, resizable: false

, content:' /api/Foo/'
, modal: true
, actions: ["Close"],
close: function (e) {
}
});
}
Im currently getting data from Kendo selected row of kendo grid. I just need to put it into the textboxes/ddls in the Window. Creating a record using the data from the window is completed. i.e Able to get the data from window.. Dont know how to put the data into the window. Please help !Thanks!

0down vote favorite

                        if (!window.data("kendoWindow")) {
                            window.kendoWindow({
                                visible: true
                                , resizable: false
                              //, content:' /api/Info/'
                                , modal: true
                                , actions: ["Close"],
                                close: function (e) {
                                }
                            });
                        }

                            window.data("kendoWindow").title(header);
                            window.data("kendoWindow").center();
                            window.data("kendoWindow").open();
                    }

Im currently getting Data from the selected Row of Kendo Grid. What I need to do is just populate the Kendo Window with the data.. I tried using the - content:"api/foo" But its not working.. I think I need to explicitly set the textBox values..How Do I do that?! Please Help ! Thanks!

0down vote favorite

                        if (!window.data("kendoWindow")) {
                            window.kendoWindow({
                                visible: true
                                , resizable: false
                              //, content:' /api/Info/'
                                , modal: true
                                , actions: ["Close"],
                                close: function (e) {
                                }
                            });
                        }

                            window.data("kendoWindow").title(header);
                            window.data("kendoWindow").center();
                            window.data("kendoWindow").open();
                    }

0down vote favorite

                        if (!window.data("kendoWindow")) {
                            window.kendoWindow({
                                visible: true
                                , resizable: false
                              //, content:' /api/Info/'
                                , modal: true
                                , actions: ["Close"],
                                close: function (e) {
                                }
                            });
                        }

                            window.data("kendoWindow").title(header);
                            window.data("kendoWindow").center();
                            window.data("kendoWindow").open();
                    }

6 Answers, 1 is accepted

Accepted

answered on 10 Mar 2015, 08:37 AM

Hello Bharath,

You can use the approach demonstrated here:

http://docs.telerik.com/kendo-ui/web/grid/how-to/Editing/custom-editor-outside-the-grid

The Kendo UI Window can load a partial view with Ajax, or display static HTML content, depending on your preferences. If the content is loaded via Ajax, you should call kendo.bind() in the Window's refresh event.

http://docs.telerik.com/kendo-ui/api/javascript/ui/window#events-refresh

I am not sure why the action method isn't called. Have you inspected the browser's developer console? Is a request being made?

Regards,
Dimo
Telerik

Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!

Accepted

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Populating Kendo Window with Data from Kendo Grid on click of Edit

6 Answers, 1 is accepted