As subject says, we load the combobox in a kendo window by demand.

Hence the combobox and window are not visible by default.

I wrote a short function to preselect either the entry with ID -1 if it exists - else I want the first entry to be displayed.

My problem is the dynamic loading of all that - my commands are executed in the databound event of the combobox - but it seems not to work as expected .. when I manually enter the needed command AFTER that kendo window with the combobox is displayed it works to a 'T' but not during regular execution ..

Can you give me some hints ?

                 onComboBoxDataBound: function (evt) {
                    var widget = evt.sender;
                    if (this.dataSource.total() > 0) {
                        // delete preselection then try to select entry with id -1
                        $('#modComboBox').data('kendoComboBox').input.select();
                        $('#modComboBox').data('kendoComboBox').input.val('');
                        $('#modComboBox').data('kendoComboBox').select(function (data) {
                            return data.id == -1;
                        });
                        // no selection then select first entry
                        if (widget.select() === -1) { // hint I found in stackoverflow
                            $('#modComboBox').data('kendoComboBox').select(0);
                        }
                    }
                },

Hi,

On the roadmap page there is a "Dock Manager Component" listed, but I don't see any information on this anywhere.

Anyone have more information or an ETA on this?

Thanks

Christopher

Hi,

I am trying to open a maximize grid/edit popup in chrome in an android phone, and if the status bar is visible, and the user opens the popup, the popup maximizes OK, but if the user scrolls down, the status bar disappears, and now we open the popup,  the popup.maximize does not cover all the available area.

edit: (e) => {

                    //edit window
                    this.myEditPopupWindow = e.container.data("kendoWindow");
                    if (this.myEditPopupWindow) {
			this.myEditPopupWindow.maximize();
		    }
}

I have tried setting the height/size of the popup manually to different settings , but the popup still does not fit the the available space

   edit: (e) => {

                    //edit window
                    this.myEditPopupWindow = e.container.data("kendoWindow");

                    //var h= $(document).height();
                    //var w = $(document).width();

                    //var w = window.innerWidth;
                    //var h = window.innerHeight;

                    var h = window.screen.height;
                    var w = window.screen.width;

                    if (this.myEditPopupWindow) {
                            this.myEditPopupWindow.setOptions({ width: w, height: h });
                            this.myEditPopupWindow.center();
		    }
}

Any idea how can this be achieved?

Thanks

We have need of a way to show an editor when user clicks on a plain HTML element. There will be more fields than visible when the div goes into edit mode. Same way we use a clientTemplate in our KendoGrids.

I picture,

1. listening for click on a div
2. showing an already-instantiated kendoWindow
3. populate it with the edit values we want
4. Prefer to position window exactly over the element being edited
5. allowing the user to edit
6. on enter key or tab out of the last field, transfer the changes back to the div
7. hide the kendoWindow ready for re-use

If no examples exist, it would be nice to hear from moderators on why this couldn't be done. Or, better, how nicely it could work :-)

I've done something like this about 7 years ago and it worked well, but I no longer have access to that code-base.

Bob Graham

Please advise me to change the default Open Close animation of the Kendo grid popup window,

I tried to like this, but the default open-close animation(zoom-in and zoom-out) can't change,

anyone knows the way to change the open & close animation.

Hi Forum,

I have kendowindow opens as dialogue where we have two dropdown and two button (OK, Cancel)

once window loads focus on window and while tab click goes all fine till Cancel button, after that focus shift to browser

I wanted to keep focus on same window, Instead go to somewhere else in screen.

Below is piece of code snippet.

@(Html.Kendo().Window()
                                                .Name("AddressSelectionModal")
                                                .Modal(true)
                                                .Visible(false)
                                                .Width(350)
                                                .Animation(true)
                                                .Title("")
                                                .Actions(actions => actions.Clear())
                                                .Content(@<text>
                                                    @Html.Partial("~/Views/Shared/Modals/test.cshtml")
                                                </text>)

I was trying by write below code on cancel button "onblur" event but seems does not works.

 $("#AddressSelectionModal").data("kendoWindow").focus();

Please help on this how to keep focus on same kendowindow.

Thanks,

Santosh