//选项卡 /* HTMLayout 选项卡控件使用教程 http://www.aardio.com/thread-8503-1-1.html */ import win.ui; /*DSG{{*/ var winform = win.form(text="HTMLayout 选项卡控件( tabs behavior应用 )";right=599;bottom=399;) winform.add() /*}}*/ import web.layout; import web.layout.behavior.tabs; //导入behavior var wbLayout = web.layout(winform) wbLayout.html = /**

选项一

选项二

选项三

在超链接的URL前面加上tabs://的前缀,例如
tabs://about.html

然后在超链接的 title属性中指定新建选项卡的标题,
最后指定用target属性指定目标选项卡的名字,"_blank"表示新建选项卡
符合以上条件的超链接 - 点击则会在选项卡页面中打开,

这种动态创建的选项项,默认会添加一个关闭按钮, 注意这个按钮在CSS中要指定 float:right 以向右浮动

这是第二个选项页,其中name属性指定选项卡名字

这是第三个选项页,其中name属性指定选项卡名字

**/ //切换选项页激活下面的事件 import console; wbLayout.onElementExpanded = { panel1 = function (ltTarget,ltEle,reason) { console.dump( ltTarget.outerHTML ); }; panel2 = function (ltTarget,ltEle,reason) { console.dump( ltTarget.outerHTML ); }; panel3 = function (ltTarget,ltEle,reason) { console.dump( ltTarget.outerHTML ); }; /* HTMLayout的回调事件即可以是函数,也可以是一个函数表。函数表的键即节点的id或name属性,如果没有匹配名称的函数,则调用default函数 */ default = function(ltTarget,ltEle,reason){ console.dump( ltTarget.name ); }; } winform.show() win.loopMessage();