[CLOSED] Nodes Icons with PageTreeLoader

  1. #1

    [CLOSED] Nodes Icons with PageTreeLoader

    Hello,

    I try to assign icons to tree nodes when using PageTreeLoader. I have modified your Examples/TreePanel/Loaders/PageTreeLoader/Default.aspx sample as below. I try to assign node.Icon and node.Cls, but neither of them works.

    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head id="Head1" runat="server">
        <title>TreePanel with Async TreeLoader using Page - Coolite Toolkit Example</title>
        <link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />
    
        <script runat="server">
            protected void NodeLoad(object sender, NodeLoadEventArgs e)
            {
                string prefix = e.ExtraParams["prefix"]??"";
                if (!string.IsNullOrEmpty(e.NodeID))
                {
                    for (int i = 1; i < 6; i++)
                    {
                        AsyncTreeNode asyncNode = new AsyncTreeNode();
                        asyncNode.Text = prefix + e.NodeID + i;
                        asyncNode.NodeID = e.NodeID + i;
                        e.Nodes.Add(asyncNode);
                        asyncNode.Cls = "icon-reload";
                    }
                    
                    for (int i = 6; i < 11; i++)
                    {
                        Coolite.Ext.Web.TreeNode treeNode = new Coolite.Ext.Web.TreeNode();
                        treeNode.Text = prefix + e.NodeID + i;
                        treeNode.NodeID = e.NodeID + i;
                        treeNode.Leaf = true;
                        treeNode.Icon = Icon.ApplicationGo;
                        e.Nodes.Add(treeNode);
                    }
                }
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ScriptManager ID="ScriptManager1" runat="server" />
            <h1>TreePanel using PageTreeLoader</h1>
            <p>Node name prefix: </p>
            <ext:TextField ID="NamePrefix" runat="server" Text="Node"></ext:TextField>
            <ext:TreePanel
                ID="TreePanel1"
                runat="server"
                Title="Tree"
                AutoHeight="true"
                Border="false">
                <Loader>
                    <ext:PageTreeLoader OnNodeLoad="NodeLoad">
                        <BaseParams>
                            <ext:Parameter Name="prefix" Value="#{NamePrefix}.getValue()" Mode="Raw" />
                        </BaseParams>
                    </ext:PageTreeLoader>
                </Loader>
                <Root>
                    <ext:AsyncTreeNode NodeID="0" Text="Root" />
                </Root>
            </ext:TreePanel>
        </form>
    </body>
    </html>
    Is it possible to do with PageTreeLoader?

    Regards,
    Tadeusz

  2. #2

    RE: [CLOSED] Nodes Icons with PageTreeLoader

    Hi Tadeusz,

    1. Please use IconCls instead Cls. Also I noticed that css rule 'icon-reload' is not defined in your page. The IconCls must contains only existins css rule name

    2. The Icon enum can be used during AjaxEvent only if Icons register during first Page_Load

    protected void Page_Load(object sender, EventArgs e)
    {
           if (!Ext.IsAjaxRequest)
           {
                 ScriptManager1.RegisterIcon(Icon.ApplicationGo);
           }
    }
    Hope this help



  3. #3

    RE: [CLOSED] Nodes Icons with PageTreeLoader

    Hi,

    Thanks, that all helped (actually I was using your example, so icon-reload was defined in examples.css).

    I would like to hide an icon completely for one node (without having the node title indented). Is that possible?


    Thanks,
    Tadeusz
  4. #4

    RE: [CLOSED] Nodes Icons with PageTreeLoader

    Hi,

    Please use the following styles (you should use IconCls)

    <style type="text/css">
        .no-icon
        {
            visibility:hidden !important;
        }
        
        .no-icon1
        {
         display: none !important;
        }
    </style>
    no-icon - hide image but place for image still occupied
    no-icon1 - hide image and remove space occupied for image


  5. #5

    RE: [CLOSED] Nodes Icons with PageTreeLoader


    Hi,

    Thanks! It's working great.

    Tadeusz

Similar Threads

  1. Replies: 0
    Last Post: Apr 18, 2012, 6:48 PM
  2. Replies: 4
    Last Post: Oct 11, 2010, 3:39 PM
  3. [CLOSED] [8.2] PageTreeLoader - error handling in OnNodeLoad
    By mrozik in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Aug 13, 2010, 7:40 PM
  4. [1.0] TreePanel - PageTreeLoader issue
    By pbsoft in forum 1.x Help
    Replies: 1
    Last Post: Aug 04, 2010, 6:26 PM
  5. Replies: 0
    Last Post: Apr 03, 2009, 5:47 AM

Posting Permissions