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

Grid Angular issue

5 Answers 49 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sergey
Top achievements
Rank 1
Sergey asked on 16 Sep 2016, 11:28 AM

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?

5 Answers, 1 is accepted

Sort by
0
Alex Hajigeorgieva
Telerik team
answered on 17 Sep 2016, 02:12 PM
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
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
0
Sergey
Top achievements
Rank 1
answered on 20 Sep 2016, 09:13 AM

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.

 

0
Alex Hajigeorgieva
Telerik team
answered on 22 Sep 2016, 08:16 AM
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
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
0
Long
Top achievements
Rank 1
answered on 01 May 2017, 05:26 AM

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.

0
Dimiter Topalov
Telerik team
answered on 01 May 2017, 02:39 PM
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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Sergey
Top achievements
Rank 1
Answers by
Alex Hajigeorgieva
Telerik team
Sergey
Top achievements
Rank 1
Long
Top achievements
Rank 1
Dimiter Topalov
Telerik team
Share this question
or