ComponentArt DataGrid MVC - open partial view inside grid row/cell

Posted on 2011-05-12
Last Modified: 2012-05-11
I need to open a partial view, when the user clicks on the grid row say for like a hierarchy master detail.  the master row - when clicked, needs to cause a detail partial view to be rendered in / below the master row.  We are using the component art ui mvc 2011 datagrid for the master/detail gird.  The partial view, will be having its own datagrid with  autonomous paging and server calls to get data.
Question by:jparlato

    Accepted Solution

    I have been able to accomplish this.  Here is how I did it.  I created a partial view with a that has a griddata control in it.  Then, in the page with the master details grid, when the operator click on the expand icon, a javascript function is called the calls the controller for the partiview / action.  This is reutned as data from a jquery ajax call.  The view (data) is then placed in a div in the master detail grid row, and appears as a sub grid to the master grid.  The real trick was paging... I left the partial view as run client side.  The first page/view contains just x lines per page.  I created my own jquery slider control for paging the sub grid... then when the slider selects a page, it calls a second javascript function (similar to the first) that again calls the controller action for the partial view with the skip, take information.  The vew, sub grid is re-rendered and replaced in the master detail div - with the new page of data.  This allows me to do lazy loading of sub grids with master detail information...
    And - it works.

    Author Closing Comment

    No one else commented.

    Featured Post

    Course: CSS Specialist

    We don’t have to sell you on the idea of becoming a developer. If you’re you here, you already know it’s one of the most lucrative (and fastest growing) career tracks out there. It’s CSS that allows you to set yourself apart from other web and mobile developers.

    Join & Write a Comment

    Suggested Solutions

    Problem to be resolved in this article Currently, development of website and web application can be done without writing thousands of lines of programming code by hand. Description This can be done through by using a open source framework such …
    International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
    This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
    Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    22 Experts available now in Live!

    Get 1:1 Help Now