JSPanel标题栏添加select控件避免交互被禁止

JSPanel标题栏添加select控件避免交互被禁止

API参考

先看官网上的介绍，标题栏可以放置三种数据：

方法

我们用"panel.headerbar.append()"方法添加DOM元素：

//定义jspanel
var panel=jsPanel.create({
  headerTitle: '标题'
});
//定义select元素
var select = document.createElement("select");
select.setAttribute('id', 'vselect');
select.setAttribute('class', 'jspanel_title_div_select'); 
select.options[0] = new Option("value1", "text1");
select.options[1] = new Option("value2", "text2");
//定义盒子外层元素
var div = document.createElement("div");
div.setAttribute('class', 'jspanel_title_div');
div.appendChild(select);
//插入DOM元素
panel.headerbar.prepend(div);//prepend() 表示在被选元素的开头（仍位于内部）插入指定内容。

然后再调一下样式就可以啦，注意：
1、在panel的“headerbar”中加入，否则交互的事件会被禁止
2、使用“prepend()”方法加入可以更好的调整样式，当然这一条属个人意见啦~

结果