FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

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

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

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

搜索
查看: 2840|回复: 6

发现一个错误,有关选项卡的问题!!!

[复制链接]
发表于 2017-9-3 19:03:28 | 显示全部楼层 |阅读模式
http://fineui.com/demo/#/demo/other/addtab.aspx

第一和第二个按钮,添加选项卡的按钮没用啊!有谁解决了吗?
 楼主| 发表于 2017-9-3 19:35:39 | 显示全部楼层
检查的结果,两个按钮点击了,一直报错!但是水平有限,查不出是什么问题!请问有谁解决这个问题了吗?

本帖子中包含更多资源

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

x
发表于 2017-9-3 19:35:41 | 显示全部楼层
这是个demo的bug ,估计sanshi没来得及改。但是代码应该是好用的,可以看看v4版本的代码,写个例子试试就会了
 楼主| 发表于 2017-9-3 19:40:36 | 显示全部楼层
郁闷了,感谢zy32002的解答,只是不知道从哪里改,或者说用哪个方法
 楼主| 发表于 2017-9-3 19:54:40 | 显示全部楼层
Uncaught TypeError: Cannot read property 'apply' of undefined

不知道apply现在换成什么了!估计是老的里面有,我来百度查查!
 楼主| 发表于 2017-9-3 21:11:25 | 显示全部楼层
终于解决了!!!
<f:Button ID="btnIcon3" Text="选项卡名称" OnClientClick="AddZuoYeBan();" EnablePostBack="false" IconAlign="Top" Icon="BugEdit" runat="server" CssClass="marginr" Size="Medium"/>

<script>
        var menuClientID = '<%= leftMenuTree.ClientID %>';
        var tabStripClientID = '<%= mainTabStrip.ClientID %>';

        // 页面控件初始化完毕后,会调用用户自定义的onReady函数
        F.ready(function () {

            var treeMenu = F(menuClientID);
            var mainTabStrip = F(tabStripClientID);

            // 初始化主框架中的树(或者Accordion+Tree)和选项卡互动,以及地址栏的更新
            // treeMenu: 主框架中的树控件实例,或者内嵌树控件的手风琴控件实例
            // mainTabStrip: 选项卡实例
            // updateHash: 切换Tab时,是否更新地址栏Hash值(默认值:true)
            // refreshWhenExist: 添加选项卡时,如果选项卡已经存在,是否刷新内部IFrame(默认值:false)
            // refreshWhenTabChange: 切换选项卡时,是否刷新内部IFrame(默认值:false)
            // maxTabCount: 最大允许打开的选项卡数量
            // maxTabMessage: 超过最大允许打开选项卡数量时的提示信息
            F.initTreeTabStrip(treeMenu, mainTabStrip, {
                maxTabCount: 10,
                maxTabMessage: '请先关闭一些选项卡(最多允许打开 10 个)!'
            });

        });



            // 添加示例标签页
            window.addExampleTab = function (id, iframeUrl, title, icon, refreshWhenExist) {
                // 动态添加一个标签页
                // mainTabStrip: 选项卡实例
                // id: 选项卡ID
                // iframeUrl: 选项卡IFrame地址
                // title: 选项卡标题
                // icon: 选项卡图标
                // createToolbar: 创建选项卡前的回调函数(接受tabConfig参数)
                // refreshWhenExist: 添加选项卡时,如果选项卡已经存在,是否刷新内部IFrame
                F.addMainTab(F(tabStripClientID), {
                    id: id,
                    iframeUrl: iframeUrl,
                    title: title,
                    icon: icon,
                    refreshWhenExist: refreshWhenExist
                });
            };

            // 移除选中标签页
            window.removeActiveTab = function () {
                var activeTab = mainTabStrip.getActiveTab();
                mainTabStrip.removeTab(activeTab.id);
            };

      function AddZuoYeBan() {
          window.addExampleTab(null, 'ProdDD.aspx', "选项卡名称",null,null);
      }     
   </script>
 楼主| 发表于 2017-9-3 22:02:58 | 显示全部楼层
来个最简的!!!
<f:Button ID="Button1" Text="选项卡名称" OnClientClick="AddZuoYeBan();" EnablePostBack="false" runat="server"/>

<script>
        var tabStripClientID = '<%= mainTabStrip.ClientID %>';

            // 添加示例标签页
            window.addExampleTab = function (id, iframeUrl, title, icon, refreshWhenExist) {
                // 动态添加一个标签页
                // mainTabStrip: 选项卡实例
                // id: 选项卡ID
                // iframeUrl: 选项卡IFrame地址
                // title: 选项卡标题
                // icon: 选项卡图标
                // createToolbar: 创建选项卡前的回调函数(接受tabConfig参数)
                // refreshWhenExist: 添加选项卡时,如果选项卡已经存在,是否刷新内部IFrame
                F.addMainTab(F(tabStripClientID), {
                    id: id,
                    iframeUrl: iframeUrl,
                    title: title,
                    icon: icon,
                    refreshWhenExist: refreshWhenExist
                });
            };

            // 移除选中标签页
            window.removeActiveTab = function () {
                var activeTab = mainTabStrip.getActiveTab();
                mainTabStrip.removeTab(activeTab.id);
            };

      function AddZuoYeBan() {
          window.addExampleTab(null, 'ProdDD.aspx', "选项卡名称",null,null);
      }     
   </script>
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-3-29 20:20 , Processed in 0.048783 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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