[CLOSED] Icon in Nested Lists

  1. #1

    [CLOSED] Icon in Nested Lists

    Hi,

    it's possible to add one icon to the Nested lists row (before text)?

    And more generally, it's possible to use a custom template to have custom rows?

    Tks
    Last edited by fabricio.murta; Jan 03, 2017 at 9:36 PM. Reason: no user feedback for 7+ days
  2. #2
    Hello @ADV!

    As for the icons, I'm afraid the NestedList ignores the icon setting in the treestore's nodes, if any, unfortunately.

    As for the item template, you can set it up through the NestedList's ListConfig in a similar way to this example:
    User Inteface > Lists > Sortable.

    Hope this helps!
    Fabrício Murta
    Developer & Support Expert
  3. #3
    Hi,

    can you provide for example how i can get this (multilevel Nested lists)

    http://mobile.ext.net/#demo/nestedlistbasic

    without using TreeStore and instead using <ListConfig><ext:List...?


    thank you
  4. #4
    Hello!

    The nestedList requires a tree store as it has multiple level. If you need a single-level list, use the plain List component, as the example above.

    As for customizing the display of the NestedList, something like that should get you started:

    <%@ Page Language="C#" %>
    
    <!DOCTYPE html>
    
    <html>
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <ext:ResourceManager runat="server" />
    
            <ext:NestedList runat="server" ID="nl1" Title="Restaurant Menu" FullScreen="true">
                <ListConfig>
                    <ext:List runat="server">
                        <ItemTpl runat="server">
                            <Html>
                                <div style="display:inline-block; width: 10%;">
                                    [{checked}]
                                </div>
                                {text}
                            </Html>
                        </ItemTpl>
                    </ext:List>
                </ListConfig>
                <Store>
                    <ext:TreeStore runat="server">
                        <Model>
                            <ext:Model runat="server">
                                <Fields>
                                    <ext:ModelField Name="text" />
                                </Fields>
                            </ext:Model>
                        </Model>
                        <Root>
                            <ext:Node Text="Menu">
                                <Children>
                                    <ext:Node Text="Drinks" Icon="Anchor" Checked="true">
                                        <Children>
                                            <ext:Node Text="Water" />
                                            <ext:Node Text="Beer" />
                                            <ext:Node Text="Whiskey" />
                                            <ext:Node Text="Wine" />
                                        </Children>
                                    </ext:Node>
                                    <ext:Node Text="Dishes" Icon="Application" Checked="false">
                                        <Children>
                                            <ext:Node Text="Rice" />
                                            <ext:Node Text="Beans" />
                                            <ext:Node Text="Meat" />
                                            <ext:Node Text="Salad" />
                                        </Children>
                                    </ext:Node>
                                </Children>
                            </ext:Node>
                        </Root>
                    </ext:TreeStore>
                </Store>
            </ext:NestedList>
        </div>
        </form>
    </body>
    </html>
    Hope this helps!
    Fabrício Murta
    Developer & Support Expert
  5. #5
    Hello @ADV!

    It's been some time since we last replied you here and still no feedback from you. Do you still need help with this issue? We're looking forward for your feedback.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. [CLOSED] Databind nested lists to gridpanel
    By Fahd in forum 2.x Premium Help
    Replies: 5
    Last Post: Feb 28, 2013, 4:05 AM
  2. Replies: 6
    Last Post: Oct 15, 2012, 6:20 AM
  3. [CLOSED] Nested data in nested grids
    By FAS in forum 1.x Premium Help
    Replies: 16
    Last Post: Apr 19, 2012, 7:51 PM
  4. Replies: 3
    Last Post: Jul 20, 2010, 7:48 PM
  5. Bullets and numbered lists in HtmlEditor
    By jsemple in forum 1.x Help
    Replies: 0
    Last Post: Mar 04, 2009, 4:21 PM

Posting Permissions