grid questions

3 posts, 0 answers
  1. Keith
    Keith avatar
    7 posts
    Member since:
    Feb 2016

    Posted 30 Nov 2017 Link to this post

    using this as an example: http://demos.telerik.com/kendo-ui/grid/editing

     

    1. how do i style editable cells so they look like they are editable? you can't tell that they are until u click on them, and if some are not, u can't tell which are and which aren't

     

    2. how do i get rid of the up / down control for editing the "units in stock" field? (i want to get rid of the control for all numeric fields in my app)

     

    3. how do i get notified on keystrokes, or leave of focus, or on enter, so i can immediately process all changes to the data?

     

    4. for a cell that has been edited and then edited back to it's original value, how can i reset the red tick that indicates the value was edited? (i only want to show changed values)

     

    thanks

    Keith

  2. Stefan
    Admin
    Stefan avatar
    2484 posts

    Posted 04 Dec 2017 Link to this post

    Hello, Keith,

    I provided an answer in the ticket, but I will post it here so more people can benefit from it.

    Regarding the questions:

    1) This can be achieved by adding specific styles to the columns that will not be editable using the columns.attributes property of the Grid:

    https://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.attributes

    http://dojo.telerik.com/UjaYEH

    2) This could be achieved using a custom editor. More details and example can be found here:

    https://www.telerik.com/forums/don-t-show-spinners-on-numeric-textboxes-in-grid

    3) This could be achieved by attaching event listeners to the cell on the edit event of the Grid where the editor input is available:

    https://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-edit

    4) On the save event of the Grid e.model contains the model of the cell and it has a dirty indicator which can be set to false if the value is as the original one. Please have in mind that this will require an additional logic to determine if the new value is the same as the original one. For example, an array can be made with key-value pairs to hold the original value:

    https://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-save

    If additional details are needed, please continue in only one of the threads by your choice.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Keith
    Keith avatar
    7 posts
    Member since:
    Feb 2016

    Posted 05 Dec 2017 in reply to Stefan Link to this post

    thanks!
Back to Top