Row templates and custom functionality

2 posts, 0 answers
  1. Christopher
    Christopher avatar
    17 posts
    Member since:
    Feb 2008

    Posted 18 Jan 2012 Link to this post

    Hello all,

    I have a require for some custom functionality, and I think the RadGrid will work for me based on the examples, however I'm not sure how start coding or setting it up. Below is a brief example of the functionality and layout...

    //Initial Row State
    [Read Only Label] [Empty Textbox] [ Default Dropdown] [ Default Dropdown] [Add Button]

    When the [Add Button] is clicked, I'd like to take the values entered for the textbox and two dropdown menues, and "push" them down. At that point, the top row will be blank, and the bottom row will have the delete button like this.

    //After item is added
    [Read Only Label] [Empty Textbox] [Default Dropdown] [Default Dropdown] [Add Button]
    [Read Only Label] [New Text Value] [New Dropdown Choice] [New Dropdown Choice] [Delete]

    As mentioned, the examples give the add/delete functionality, but not in this manner. I'm not actually pulling data from anywhere, it would be more like a data entry form. I can't figure out how to keep the add button at the top and push the top row down when the add button is clicked. Thanks  for any suggestions, examples etc..

  2. jumpstart
    jumpstart avatar
    479 posts
    Member since:
    Nov 2011

    Posted 19 Jan 2012 Link to this post


    I would suggest that you take a close look at the "Grid / Client-Side Insert/Update/Delete" online RadGrid demo at

    This would be a great jumping off point for you as it already uses text boxes and droplists to insert a new row into the RadGrid on the client side. You could ignore all of the data binding.

    Hope this helps!
  3. DevCraft R3 2016 release webinar banner
Back to Top