关于使用jquery给panel赋值问题，求指点

badpig

目的：想要点击左侧菜单项，在右侧的panel的标题显示该菜单名字；
问题：现在是点击左侧菜单，右侧panel的标题没有显示；
本人写法如下，求高手指点一二，哪里写的有问题：

1. <div region="center" style="border: 0;">
   
2.             <div id="mainpanel" class="mini-panel" style="width: 100%;height: 100%;"  bodystyle="overflow:hidden;" >
   
3.                 <iframe id="mainframe" name="main" src='HTML/shouye/shouye.html' style="width:100%;height:100%;border: 0;" ></iframe>
   
4.             </div>
   
5.         </div>

复制代码

js代码：

1. <script type="text/javascript">
   
2.     mini.parse();
   
3.     var iframe = document.getElementById("mainframe");
   
4.     var mainpanel = document.getElementById("mainpanel");
   
5.     function onItemSelect(e) {
   
6.         var item = e.item;
   
7.         iframe.src = item.url;
   
8.         mainpanel.title = item.text;
   
9.     }
   
10. 
    
11. </script>

复制代码

请问为什么给panel的title赋值了，为什么panel的标题还不显示？

felt

MiniUI控件请使用我们提供的API操作
panel.setTitle("...")