找回密码
 立即注册

QQ登录

只需一步,快速开始

rijun

高级会员

55

主题

228

帖子

1115

积分

高级会员

积分
1115

活字格认证微信认证勋章

rijun
高级会员   /  发表于:2016-4-13 15:23  /   查看:4186  /  回复:6
本帖最后由 rijun 于 2016-4-13 15:34 编辑

如题  我想在后台手动为节点添加自己想用的图标 但是在示例上只有如下代码,都是定义好的,我自己写图标路径也没效果,求指教,急~~~~
private C1TreeViewNode CreateNode(string text, string value = "null", string CollapsedIconClass = "ui-icon-folder-collapsed",  string ExpandedIconClass = "ui-icon-folder-open", string ItemIconClass = "ui-icon-document")        
{           
                       C1TreeViewNode node = this.C1TreeView1.CreateTreeViewNode();           
                      node.Value = value;           
                      node.Text = text;           
                      node.CollapsedIconClass = CollapsedIconClass;            
                      node.ExpandedIconClass = ExpandedIconClass;           
                      node.ItemIconClass = ItemIconClass;            
                      node.Expanded = true;            
                      return
node;        
}

麻烦给个完整点的写法(包括样式)

以下是我写的代码
前台:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style>
        .imgs{background-image:url("images/bb.gif");}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <wijmo:C1TreeView ID="tree" runat="server">
    </wijmo:C1TreeView>
    </form>
</body>
</html>

后台
protected void Page_Load(object sender, EventArgs e)
        {
            C1TreeViewNode node = new C1TreeViewNode();
            node.Text = "all";
            this.tree.Nodes.Add(node);
            node = new C1TreeViewNode();
            node.Text = "test1";
            this.tree.Nodes[0].Nodes.Add(node);
            node = new C1TreeViewNode();
            node.Text = "test2";
            this.tree.Nodes[0].Nodes.Add(node);
            node = new C1TreeViewNode();
            node.ItemIconClass = "imgs";
            node.Text = "test1_1";
            this.tree.Nodes[0].Nodes[0].Nodes.Add(node);
            this.tree.Nodes[0].Expanded = true;
            this.tree.Nodes[0].Nodes[0].Expanded = true;
        }

运行出来的效果图


在test1_1前应该显示的是下图

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

6 个回复

倒序浏览
gw0506
超级版主   /  发表于:2016-4-13 16:02:40
沙发
ControlExplorer里有个demo就是更换图标。不过最前面的小三角没有换。你看看跟你的需求匹配不。
http://demo.gcpowertools.com.cn/ComponentOne/ASPNET/ControlExplorer/C1TreeView/Icon.aspx

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
rijun
高级会员   /  发表于:2016-4-13 16:17:34
板凳
gw0506 发表于 2016-4-13 16:02
ControlExplorer里有个demo就是更换图标。不过最前面的小三角没有换。你看看跟你的需求匹配不。
http://de ...

这个demo我看过啦  他是用自带的样式ExpandedIconClass="ui-icon-folder-open"
我是想用自己的图标,而不是用类似ui-icon-folder-open
回复 使用道具 举报
gw0506
超级版主   /  发表于:2016-4-13 17:09:42
地板
  1. <style>
  2.         .expandedIcon {
  3.             background-image:url("../Images/1.png")!important;
  4.         }

  5.         .collapsedIcon {
  6.             background-image:url("../Images/2.png")!important;
  7.         }
  8. </style>
  9. <wijmo:C1TreeView ID="C1TreeView1" runat="server">
  10. <Nodes>
  11. <wijmo:C1TreeViewNode Text="Folder 1" ExpandedIconClass="expandedIcon" CollapsedIconClass="collapsedIcon">

复制代码


把这段代码加到你的页面里,强制让他取你给的img路径。

评分

参与人数 1满意度 +5 收起 理由
rijun + 5 赞一个!

查看全部评分

回复 使用道具 举报
rijun
高级会员   /  发表于:2016-4-14 08:27:34
5#
gw0506 发表于 2016-4-13 17:09
把这段代码加到你的页面里,强制让他取你给的img路径。

以上代码可以使用 非常感谢~
回复 使用道具 举报
gw0506
超级版主   /  发表于:2016-4-14 09:19:39
6#
rijun 发表于 2016-4-14 08:27
以上代码可以使用 非常感谢~

不客气~~
回复 使用道具 举报
Alice
社区贡献组   /  发表于:2016-4-14 09:19:54
7#
rijun 发表于 2016-4-14 08:27
以上代码可以使用 非常感谢~

谢谢反馈。
请点击评分,对我的服务做出评价!  5分为非常满意!

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部