【已解决，未指定ID】动态添加Accordion提示$b未定义

sanshi

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

sanshi

这个问题其实很简单，你的后台代码：

1. private void LoadData()
   
2. {
   
3.         Accordion accordionMenu = new Accordion();
   
4. 
   
5.         for (var i=0;i<3;i++)
   
6.         {
   
7.                 AccordionPane accordionPane = new AccordionPane();
   
8.                 accordionPane.Title = "AccordionPane"+i.ToString();
   
9.                 accordionPane.ShowBorder = false;
   
10.                 accordionPane.BodyPadding = "2px 0 0 0";               
    
11.                 accordionMenu.Panes.Add(accordionPane);
    
12.         }
    
13.    
    
14.         ViewBag.Accordion = accordionMenu;
    
15. }

复制代码

前台代码：

1. F.ready(function () {
   
2. 
   
3.             // 初始化主框架中的树和选项卡互动，以及地址栏的更新
   
4.             // treeMenu： 主框架中的树控件实例，或者内嵌树控件的手风琴控件实例
   
5.             // mainTabStrip： 选项卡实例
   
6.             // updateHash: 切换Tab时，是否更新地址栏Hash值（默认值：true）
   
7.             // refreshWhenExist： 添加选项卡时，如果选项卡已经存在，是否刷新内部IFrame（默认值：false）
   
8.             // refreshWhenTabChange: 切换选项卡时，是否刷新内部IFrame（默认值：false）
   
9.             // maxTabCount: 最大允许打开的选项卡数量
   
10.             // maxTabMessage: 超过最大允许打开选项卡数量时的提示信息
    
11.             F.initTreeTabStrip(F.ui.treeMenu, F.ui.mainTabStrip, {
    
12.                 maxTabCount: 10,
    
13.                 maxTabMessage: '请先关闭一些选项卡（最多允许打开 10 个）！'
    
14.             });
    
15. 
    
16.         });

复制代码

看到没，你前台调用 F.ui.treeMenu，但是后台未指定名为 treeMenu 的树控件 或者 包含树控件的Accordion控件。

把后台代码改为，就好了：

1. private void LoadData()
   
2. {
   
3.         Accordion accordionMenu = new Accordion();
   
4.         accordionMenu.ID = "treeMenu";

复制代码

效果：