Grid Angular issue

[Sergey]

Can you look this example http://dojo.telerik.com/ebAkU/5.

When i use "editRow" method first time - all work good. But the second call "editRow" kendo grid do nothing. 

Did i do something wrong? Or it is a grid bug?

[Alex Hajigeorgieva]

Hello Sergey,

To get the Kendo UI Grid in edit mode in the way that it is currently configured, you may just remove the editable mode "inline" configuration. Then you will not need to add an event handler or make calls to the editRow() method.

For your convenience, I have updated the provided snippet at:

http://dojo.telerik.com/Inora

Finally, I believe that you would want the Kendo UI Grid to be genuinely editable, therefore, I would highly recommend reading the CRUD Operations article from our documentation at:

http://docs.telerik.com/kendo-ui/framework/datasource/crud

Regards,
Alex
Telerik by Progress

 

[Sergey]

Alex, thanks for answer.

I can't use incell mode because i have custom template for cell and when i try to click on non-input element, grid exit from edit mode. Problem description exist on this post http://www.telerik.com/forums/kendo-editor-inside-a-grid-in-cell-editor.

 

[Alex Hajigeorgieva]

Hello Sergey,

I would suggest to either add the Kendo UI Grid Edit buttons or ensure that the previously edited item is closed.

For your convenience, a sample implementation of an inline editable Kendo UI Grid without the buttons is available at:

http://dojo.telerik.com/iMAva

If using the above approach, I would suggest getting the selected dataItem by its id and updating it that way. However, you may use the demo and build upon it to meet your scenario requirements.

Regards,
Alex
Telerik by Progress

 

[Long]

Hi Telelrik angular grid,

 

I am going to report bug on angular(4) grid, this is:

Cannot see buttom part of screen under your grid sorting plunker, even with browser full screen mode

Following
http://www.telerik.com/kendo-angular-ui/components/grid/sorting/

I clicked "open as plunker" and create fork a new plunker by using chrome or Firefox, in index.html I've add four <h3>hellow</h3> as hellow1, 2, 3 and 4 that you can see here:
 
http://plnkr.co/edit/CCwxOM6MX7SARgQWb6FM?p=preview

When I run I can see whole table and I can sort column, but cannot see bottom part of page, which are hellow1,2,3 and 4; with full screen mode, I can see only hellow1,2,3 but 4.
 
Then I click "Open the embedded view" button on top right, and http://embed.plnkr.co/CCwxOM6MX7SARgQWb6FM/  opened and still cannot see hellow1,2,3 or 4 at bottom.

But if I open http://plnkr.co/edit/CCwxOM6MX7SARgQWb6FM?p=preview  with IE11 I can see see whole table and hellow1,2,3 but hellow4.

[Dimiter Topalov]

Hi Long,

The described behavior is caused by the fact that the "overflow: hidden" CSS rule is applied to the html and body elements (see the index.html file):

<!-- Example-specific styles -->

    <style>

      html, body { overflow: hidden; }
...

This causes overflowing content to be hidden. You can see the result from removing the CSS rule mentioned above in this modified example:

http://plnkr.co/edit/eSdz6ixA5QY3MjanDffR?p=preview

Regards,
Dimiter Topalov
Telerik by Progress