Grid Angular issue

6 posts, 0 answers
  1. Sergey
    Sergey avatar
    2 posts
    Member since:
    Feb 2016

    Posted 16 Sep 2016 Link to this post

    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?

  2. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    266 posts

    Posted 17 Sep 2016 Link to this post

    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.
  3. Sergey
    Sergey avatar
    2 posts
    Member since:
    Feb 2016

    Posted 20 Sep 2016 in reply to Alex Hajigeorgieva Link to this post

    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.

     

  4. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    266 posts

    Posted 22 Sep 2016 Link to this post

    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.
  5. Long
    Long avatar
    1 posts
    Member since:
    Apr 2017

    Posted 01 May Link to this post

    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.

  6. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    578 posts

    Posted 01 May Link to this post

    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.
Back to Top