[CLOSED] LAYOUT: Render CodeBehind in <ViewPort> <Items>

  1. #1

    [CLOSED] LAYOUT: Render CodeBehind in <ViewPort> <Items>

    Hello,
    I want to add a Multilevel GridPanel in my program but in the examples is implemented only in CodeBehind.
    How I can place it in MarkUp in <ViewPort><Items> west region for example?
    Last edited by fabricio.murta; Feb 10, 2017 at 8:06 PM. Reason: the thread was likely solved
  2. #2
    Hello @atroul!

    I believe you are talking about this MultiLevel GridPanel example, right?

    You can just explore the other RowExpander component samples and I'm sure you'll see how you can do this. Probably the best example would be this one: RowExpander Plugin with FormPanel Detail.

    There, you have each row of the grid expandable to a form with some fields. Instead of that, you'll just make the component another grid and, for that sub-grid, will then be applied the RowExpander plugin again with the "sub-subgrid" just like the outer one.

    There's no catch about adding the outer gridPanel to a viewport Just add it to the <Items> block of the ViewPort. Notice talking about region means you attached to the viewport the Border layout!

    I hope this helps!
    Fabrício Murta
    Developer & Support Expert
  3. #3
    Hello Fabricio,
    thank you! I built what I wanted using your instructions. My only issue is that
    like in the "Shared Component" example the inner grid is in the right side and not under the first column (Company).
    How I can move it there? Because in my program I have only one column in the outer grid. And if use only one column
    I can't see the inner grid.
    See the photo for better understanding of what I want to achieve:
    Click image for larger version. 

Name:	Capture.PNG 
Views:	40 
Size:	48.0 KB 
ID:	24819
  4. #4
    Hello! I was afraid you would notice that! :)

    This is a bug. I've just tested it with to-be-released Ext.NET 4.2. It's been fixed for some time. We'll be releasing it in the next weeks but you already can benefit from Ext.NET 4.2 fixes if you pull it from GitHub. You should have received instructions on accessing the code in the Ext.NET purchase emails. If you don't have access to GitHub, please request it emailing support@ext.net.

    Well, or wait a couple weeks for Ext.NET 4.2 to be publicly released to NuGet and just update the packages.

    But if you can't wait any longer, add this CSS style rule to your page:

    .x-grid-row-expander-spacer {
        display: none
    }
    And remember to remove it as soon as you upgrade Ext.NET (although leaving it may not really break anything).
    Fabrício Murta
    Developer & Support Expert
  5. #5
    Hello Fabricio,
    ok thank you! I used the css and its working!
    I want to add a different subgrid for each expandable row in the outer grid, is it possible or
    should I hide inner grid's rows based on a hidden value?
    Can you provide me an example?

    this is what I want:
    (Categories OuterGrid, Items InnerGrid(s))
    Category1
    item1
    item2
    Category2
    item3
    item4
  6. #6
    Hello! I am glad you could make it work!

    But I think your follow-up leads us to a new question, doesn't it? Would you mind if we opened a new thread for that question? Please provide the sample test case with what you tried and is not working so we can advice you based on that.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. [CLOSED] Render Partial to Fit in Viewport
    By RCM in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Apr 01, 2013, 10:45 AM
  2. Replies: 10
    Last Post: May 19, 2011, 7:43 AM
  3. [CLOSED] I can not render a grid in viewport
    By 78fede78 in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Nov 20, 2010, 7:45 AM
  4. [CLOSED] unable to render pdf inside viewport
    By yobnet in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 19, 2010, 2:29 PM
  5. Replies: 10
    Last Post: Jul 07, 2008, 10:32 AM

Posting Permissions