发现一个错误，有关选项卡的问题！！！

qqopp

http://fineui.com/demo/#/demo/other/addtab.aspx

第一和第二个按钮，添加选项卡的按钮没用啊！有谁解决了吗？

qqopp

检查的结果，两个按钮点击了，一直报错！但是水平有限，查不出是什么问题！请问有谁解决这个问题了吗？

zy32002

这是个demo的bug ，估计sanshi没来得及改。但是代码应该是好用的，可以看看v4版本的代码，写个例子试试就会了

qqopp

郁闷了，感谢zy32002的解答，只是不知道从哪里改，或者说用哪个方法

qqopp

Uncaught TypeError: Cannot read property 'apply' of undefined

不知道apply现在换成什么了！估计是老的里面有，我来百度查查！

qqopp

终于解决了！！！
<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>

qqopp

来个最简的！！！
<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>