AutoPopup Toolbar.create template

2 posts, 1 answers
  1. Kahl
    Kahl avatar
    15 posts
    Member since:
    Nov 2016

    Posted 02 May 2017 Link to this post

    I have a editible grid with a ToolBar.Create that pops up a template,  I would like to have the template popup when entering the view and grid is 1st displayed,  Ie On datbound or similar


    how can the grid enter create mode and have the popuyp appear automatically.



  2. Answer
    Viktor Tachev
    Viktor Tachev avatar
    2497 posts

    Posted 04 May 2017 Link to this post

    Hi Kahl,

    The behavior you would like to implement can be achieved with a bit of additional code. You can handle the DataBound event for the Grid component. Then you can use the addRow() method in order to open the popup edit form.

    Note that DataBound event will be fired automatically on every data related operation (e.g. paging, sorting, editing). Thus to prevent the popup insert form from showing every time you can use a flag.

    The code snippets below outline the approach:

    Adding DataBound handler:



    var flag = false;
    function onDataBound(e) {
        var grid = this;
        if (!flag) {
            setTimeout(function () {
                flag = true;

    Viktor Tachev
    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