叶落花开的博客

发表于2024-08-11|客户端开发aardio

import win.ui;
/*DSG{{*/
winform = ..win.form( bottom=399;parent=...;right=599;text="在HTMLayout中使用框架" ) 
/*}}*/

import web.layout;
wbLayout = web.layout( winform );
 
wbLayout.html =/***
<iframe src="about:blank" style="width:100%%;height:100%%" />
***/
 
var frame = wbLayout.queryEle("iframe"); 
wbLayout.onDocumentComplete = function() {
        frame.querySelector("input#kw").value = "测试";
}
frame.xcall("load","http://www.baidu.com"); 

winform.show() 
win.loopMessage();

使用CSS选择器查询框架内的节点时，需首先获取框架节点。例如：

var frame = wbLayout.queryEle("iframe");
frame.querySelector("input#kw").value = "测试";

使用框架打开网页：

aardio-HTMLayout 中学习使用文本框,按钮等基本控件

发表于2024-08-11|客户端开发aardio

aardio-HTMLayout iframe框架用法演示

发表于2024-08-11|客户端开发aardio

参考帖子：HTMLayout内置behavior大全

代码示例：

aardio-HTMLayout-获取HTML中自定义属性的具体值

发表于2024-08-11|客户端开发aardio

可以参考：http://bbs.aardio.com/thread-2087-1-1.html 很全面，详细
代码示例:

aardio-HTMLayout-给tabs添加关闭按钮

发表于2024-08-11|客户端开发aardio

aardio封装的HTMLayout库真的很好用，这里先感谢前辈们的努力和分享精神！
今天我们来实现给标准的tabs添加关闭按钮功能，并做成一个behavior

**思路： **
1、给tabs的strip定义一个behavior，我这里命名为“horizontalTabsClose”
2、响应onAttach 事件，创建实现关闭的button，并设置适当的css样式
3、响应onButtonClick 事件，实现关闭一个“标签”的过程
4、使用时，只需要给div.strip 添加一个css属性，behavior:horizontalTabsClose; 即可

不能上传图片，大家运行下面代码看效果吧！

代码如下：

aardio-HTMLayout中的 theme url

发表于2024-08-11|客户端开发aardio

theme url 用于获取系统主题相应的控件图片,
格式为 "theme:控件名称-状态", 在css中也可以使用,例如

option > text:hover { background-image:url(theme:list-view-item-hover); }

下面是HTMLayout自带的范例: