FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 6638|回复: 7
打印 上一主题 下一主题

动态生成tab时如何通过addTab方法给Tab加上图标方法

[复制链接]
跳转到指定楼层
楼主
发表于 2012-3-27 20:04:44 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 redleaf 于 2012-3-28 16:18 编辑

如何通过addTab方法给Tab加上图标?iconCls后面如何写?

URLMainToTab=function(pageid,pagename,url,icon){
   
    var index = NODES.mainTabStrip.items.length;
    if (index > 8) {
        Ext.Msg.alert('提示', '标签数量过多,请关闭暂时不用的标签页');
    }
    var tabID = 'dynamic_added_tab' + pageid;
   
    NODES.mainTabStrip.addTab({
        'id': tabID,
        iconCls:icon,
        'url': url,
        'title': pagename,
        'closable': true
    });
}
就像这样的图标


目前用如下方法已经实现:

//根据图标生成Css
            string iconScript="";
            foreach (string sIcon in lsticons)
            {
                string iconUrl = ExtAspNet.IconHelper.GetIconUrl(ExtAspNet.IconConvertor.String2Icon(sIcon, true));
                string className = String.Format("tab_iconCls_icon_{0}", sIcon);
                iconScript += String.Format("X.util.addCSS('{0}','{1}');", className, ExtAspNet.StyleUtil.GetNoRepeatBackgroundStyle("." + className, ResolveUrl(iconUrl)));
            }
            if (iconScript.Length > 0)
            {
                ExtAspNet.PageContext.RegisterStartupScript(iconScript);
            }

//.js
var tabID = 'dynamic_added_tab' + pageid;
   
    NODES.mainTabStrip.addTab({
        'id': tabID,
       'iconCls':'tab_iconCls_icon_'+icon,
        'url': url,
        'title': pagename,
        'closable': true
    });


本帖子中包含更多资源

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

x
沙发
 楼主| 发表于 2012-3-28 16:15:57 | 只看该作者
//根据图标生成Css
            string iconScript="";
            foreach (string sIcon in lsticons)
            {
                string iconUrl = ExtAspNet.IconHelper.GetIconUrl(ExtAspNet.IconConvertor.String2Icon(sIcon, true));
                string className = String.Format("tab_iconCls_icon_{0}", sIcon);
                iconScript += String.Format("X.util.addCSS('{0}','{1}');", className, ExtAspNet.StyleUtil.GetNoRepeatBackgroundStyle("." + className, ResolveUrl(iconUrl)));
            }
            if (iconScript.Length > 0)
            {
                ExtAspNet.PageContext.RegisterStartupScript(iconScript);
            }
板凳
发表于 2012-4-20 08:51:15 | 只看该作者
redleaf 发表于 2012-3-28 16:15
//根据图标生成Css
            string iconScript="";
            foreach (string sIcon in lsticons)

lsticons 楼主你这个变量时从哪里得到的??能把代码贴全吗?谢谢了
地板
 楼主| 发表于 2012-4-20 10:01:26 | 只看该作者
List<string> lsticons = new List<string>();
listicons.add("Basket");
你可按如上方式定义。我的是从配制文件中读取的。你可根据自己的实际情况动态生成。
5#
发表于 2012-4-21 01:05:29 | 只看该作者
redleaf 发表于 2012-3-28 16:15
//根据图标生成Css
            string iconScript="";
            foreach (string sIcon in lsticons)

我的EXTASPNET怎么点不出这个方法啊ExtAspNet.IconConvertor.String2Icon
6#
发表于 2012-4-21 01:10:26 | 只看该作者
Dark_sky 发表于 2012-4-21 01:05
我的EXTASPNET怎么点不出这个方法啊ExtAspNet.IconConvertor.String2Icon

现在好像是 Icon.String2Icon 吧
7#
 楼主| 发表于 2012-4-23 09:36:37 | 只看该作者
ExtAspNet.IconHelper.String2Icon
8#
发表于 2012-4-23 10:33:40 | 只看该作者
redleaf 发表于 2012-4-23 09:36
ExtAspNet.IconHelper.String2Icon

嗯。。我把你的代码做个总结。。过会我也发上来。。可以让像我这样不明白的人 比较容易理解。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-5-4 20:28 , Processed in 0.048815 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表