FineUI 官方论坛

标题: 发现一个错误，有关选项卡的问题！！！ [打印本页]

作者: qqopp 时间: 2017-9-3 19:03
标题: 发现一个错误，有关选项卡的问题！！！
http://fineui.com/demo/#/demo/other/addtab.aspx

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

作者: qqopp 时间: 2017-9-3 19:35
检查的结果，两个按钮点击了，一直报错！但是水平有限，查不出是什么问题！请问有谁解决这个问题了吗？

作者: zy32002 时间: 2017-9-3 19:35
这是个demo的bug ，估计sanshi没来得及改。但是代码应该是好用的，可以看看v4版本的代码，写个例子试试就会了

作者: qqopp 时间: 2017-9-3 19:40

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

作者: qqopp 时间: 2017-9-3 19:54
Uncaught TypeError: Cannot read property 'apply' of undefined

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

作者: qqopp 时间: 2017-9-3 21:11
终于解决了！！！
<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 时间: 2017-9-3 22:02
来个最简的！！！
<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 官方论坛 (https://fineui.com/bbs/)