FineUI 官方论坛

标题: 点击菜单树生成的tab，无法触发OnTabIndexChanged事件,为什么？ [打印本页]

作者: ramble5956 时间: 2019-7-7 14:20
标题: 点击菜单树生成的tab，无法触发OnTabIndexChanged事件,为什么？
本帖最后由 ramble5956 于 2019-7-7 14:22 编辑

请教大侠，我想获取当前活动tab的ID，但是点击菜单树中的节点生成的tab，无法触发OnTabIndexChanged事件, 请问为什么？
如果是缺省的tab是可以的，比如首页！
代码如下，点击首页是可以触发的
      protected void mainTabStrip_TabIndexChanged(object sender, EventArgs e)
      {
         var activeTab = mainTabStrip.ActiveTabIndex;
         int TabIndex = mainTabStrip.ActiveTabIndex;

         if (mainTabStrip.ActiveTabIndex == 0)
            Alert.Show(mainTabStrip.ActiveTabIndex.ToString(), MessageBoxIcon.Warning);
         else if (mainTabStrip.ActiveTabIndex == 1)
            Alert.Show(mainTabStrip.ActiveTabIndex.ToString(), MessageBoxIcon.Warning);
         else if (mainTabStrip.ActiveTabIndex == 2)
            Alert.Show(mainTabStrip.ActiveTabIndex.ToString(), MessageBoxIcon.Warning);
      }

谢谢！

作者: sanshi 时间: 2019-7-8 09:59
在 JS 端动态添加的选项卡不会触发 OnTabIndexChanged 事件，因为 JS 端创建的选项卡后台并不知情，即使触发后台也无法获取相关数据。

类似的需要，可以通过JS端注册 https://fineui.com/js/api/F.TabStrip.html#event:tabchange 事件，然后发起自定义回发：https://pro.fineui.com/#/other/custom_postback.aspx

作者: ramble5956 时间: 2019-7-10 10:03

sanshi 发表于 2019-7-8 09:59
在 JS 端动态添加的选项卡不会触发 OnTabIndexChanged 事件，因为 JS 端创建的选项卡后台并不知情，即使触 ...

谢谢，具体可以怎么做，请问有类似代码示例么，刚接触，麻烦三石兄了。

作者: sanshi 时间: 2019-7-11 11:10

ramble5956 发表于 2019-7-10 10:03
谢谢，具体可以怎么做，请问有类似代码示例么，刚接触，麻烦三石兄了。 ...

JS端注册事件类似这样：

F('TabStrip1').on('tabchange', function() { })

复制代码

你可以在官网示例源代码中搜索： .on( 有一些使用自定义事件的例子

作者: ramble5956 时间: 2019-7-12 12:08

sanshi 发表于 2019-7-11 11:10
JS端注册事件类似这样：

你可以在官网示例源代码中搜索： .on( 有一些使用自定义事件的例子

谢谢，我研究研究下看；

作者: ramble5956 时间: 2019-7-14 09:34
请教下面的代码是不是有什么问题，没有反应。谢谢！

      protected void Page_Load(object sender, EventArgs e)
      {
         if (!IsPostBack)
         {
            litVersion.Text = FineUI.GlobalConfig.ProductVersion;
            //btnProject_Click(null, new EventArgs());
         }
         else
         {
            if (GetRequestEventArgument() == "tab_changed")
            {
                  Alert.Show("你好 FineUI！你点击了tab", MessageBoxIcon.Warning);
            }
         }
      }

<script type="text/javascript">
      var menuClientID = '<%= MyTree.ClientID %>';
      var tabStripClientID = '<%= mainTabStrip.ClientID %>';
      // 页面控件初始化完毕后，会调用用户自定义的onReady函数
      F.ready(function () {
         var treeMenu = F(menuClientID);
         var mainTabStrip = F(tabStripClientID);

         F.initTreeTabStrip(treeMenu, mainTabStrip, {
            maxTabCount: 10,
            maxTabMessage: '请先关闭一些选项卡（最多允许打开 10 个）！'
         });

      });

      ///？动态添加的tab，切换时如何获取当前Active tab并刷新按钮选中状态？（或能保持按钮按下状态，不失去焦点？） 20190712
      F('mainTabStrip').on('tabchange', function () {
         if (e.getKey() == e.ENTER) {
            __doPostBack('', 'tab_changed');
         }
      })
</script>

作者: sanshi 时间: 2019-7-18 12:48

ramble5956 发表于 2019-7-14 09:34
请教下面的代码是不是有什么问题，没有反应。谢谢！

protected void Page_Load(object sender, Ev ...

F12，调试下你就知道了

F('mainTabStrip').on('tabchange', function () {
if (e.getKey() == e.ENTER) {
__doPostBack('', 'tab_changed');
}
})

复制代码

这里的 e 参数没有出处，所以JS端就出错了，根本就没有回发

作者: ramble5956 时间: 2019-8-10 16:46

sanshi 发表于 2019-7-18 12:48
F12，调试下你就知道了

不好意思，三师兄，这个问题还是没解决；代码不知怎么写，敬请给个示例代码，谢谢!
我想实现的功能是，切换右侧tab时，左侧树节点或按钮不失去焦点，且能切换相应树节点为选中状态；不知获得tabID的方式解决是否正确；

纪念日备注：作为个人的刚开始，经过1个月的学习，发现FineUI Pro真的比开源版强大很多，特于今日加入星球，也感谢三师兄及各位幕后工作者的辛勤劳动。希望多学习兄弟产品，取长补短，看到FineUI产品更好的扩展和升级，比如权限、工作流、报表、在线word等等!

作者: sanshi 时间: 2019-8-12 10:26

ramble5956 发表于 2019-8-10 16:46
不好意思，三师兄，这个问题还是没解决；代码不知怎么写，敬请给个示例代码，谢谢!
我想实现的功能是 ...

请基于空项目重现问题，并上传

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)