Form Inside Kendo grid

2 posts, 0 answers
  1. sharath
    sharath avatar
    1 posts
    Member since:
    Dec 2016

    Posted 06 Dec 2016 Link to this post

    Hi Team,

    I want a horizontal form in between kendo grid header and body, Is it possible to add a form with same grid columns  in kendo grid. Please find the below attached screen shots for reference

     

    Thanks,

    S

  2. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    1049 posts

    Posted 08 Dec 2016 Link to this post

    Hello Sharath,

    The question was answered in a private support thread, but I will also paste the answer here, so the community can benefit also:

    For the time being, we can offer the following supported features and techniques:

    - frozen columns can work together with column templates with no issues
    http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.template

    - frozen columns and row template are unfortunately mutually exclusive - this is mentioned in the following documentation section:
    http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#locked-columns

    - it is possible to use a custom edit form with custom buttons outside the Grid - this is demonstrated at:
    http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Editing/grid-external-form-editing

    - using a custom edit form inside the Grid is not supported, but you can use the built-in edit form and add a new row as soon as the previously added/edited one is saved and dataBound is fired.

    http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-dataBound

    http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-addRow

    - the Grid's built-in inline and popup editing mechanism can add only one row at a time. It is possible to add multiple rows to the Grid via the same form on the page, if you do this programmatically via the Grid dataSource API:

    http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#fields-dataSource

    http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-add

    http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-insert

    Regards,
    Dimiter Topalov
    Telerik by Progress
    Kendo UI is ready for Visual Studio 2017 RC! Learn more.
Back to Top