我们可以通过go-sciter给我们提供的方法，方便的对html,css编写的UI界面进行增删改查。

demo3.go代码如下：

package main;

import (

	"github.com/sciter-sdk/go-sciter"

	"github.com/sciter-sdk/go-sciter/window"

	"log"

	"fmt"

)

//一些基础操作

func base(root *sciter.Element) {

	//通过ID选择元素

	ul, _ := root.SelectById("list");

	//获取元素的文本

	text, _ := ul.Text();

	fmt.Println("text:", text);

	//获取元素的html

	//参数为真，则返回元素外部html

	//参数为假，则返回元素内部html

	text, _ = ul.Html(false);

	fmt.Println("html:", text);

	//获取子元素个数

	n, _ := ul.ChildrenCount();

	fmt.Println(n);

}

//动态的添加元素

func addElement(root *sciter.Element) {

	//创建一个元素

	add, _ := sciter.CreateElement("li", "444");

	//设置元素的属性

	add.SetAttr("data", "add");

	//通过标签和ID来选择元素，类似jquery

	ul, _ := root.SelectFirst("ul#list");

	//插入元素，下标从0开始

	err := ul.Insert(add, 3);

	if err != nil {

		log.Fatal("添加元素失败");

	}

	add2, _ := sciter.CreateElement("li", "");

	err2 := ul.Insert(add2, 4);

	//注意这里，元素先insert后再去设置html才有效

	//设置添加元素的html

	add2.SetHtml("<a href='http://www.baidu.com'>555</a>", sciter.SIH_REPLACE_CONTENT);

	if err2 != nil {

		log.Fatal("添加元素失败");

	}

}

//删除元素

func delElement(root *sciter.Element) {

	ul, _ := root.SelectFirst("ul#list");

	//获取第一个子元素，下标从0开始

	li, _ := ul.NthChild(0);

	//删除元素

	li.Delete();

	//我们也可以用css选择器直接选择要删除的元素

	//注意css里面的nth-child(n)下标从1开始

	li2, _ := root.SelectFirst("ul#list>li:nth-child(2)");

	//删除元素

	li2.Delete();

}

//修改元素

func updElement(root *sciter.Element) {

	li, _ := root.SelectFirst("ul#list>li:nth-child(1)");

	//给元素设置样式

	li.SetStyle("color", "#f00");

	//给元素设置html

	//参数一：html内容

	//参数二：html放在哪里，SIH_REPLACE_CONTENT表示替换旧内容

	li.SetHtml("<a href='http://www.baidu.com'>baidu.com</a>", sciter.SIH_REPLACE_CONTENT);

	//在最后面追加内容

	li.SetHtml("哈哈", sciter.SIH_APPEND_AFTER_LAST);

	//设置元素属性

	li.SetAttr("test", "test");

	li2, _ := root.SelectFirst("ul#list>li:nth-child(2)");

	//设置文本

	li2.SetText("我改我改");

}

//查找元素

func selElement(root *sciter.Element) {

	//通过css选择器选择元素，会返回*Element的slice

	root.Select("ul#list>li");

	//通过选择器返回第一个元素

	//也是调用的Select，不过只返回第一个元素

	root.SelectFirst("ul#list>li");

	//通过元素ID

	root.SelectById("list");

	//选择父元素

	//参数二：表示深度

	root.SelectParent("li", 1);

	//返回选择器匹配唯一子元素，如果没有或匹配多个，会引发Panic

	root.SelectUnique("ul#list>li:nth-child(1)");

}

func main() {

	//创建一个新窗口

	//这里参数一和参数二都使用的默认值

	//DefaultWindowCreateFlag = SW_TITLEBAR | SW_RESIZEABLE | SW_CONTROLS | SW_MAIN | SW_ENABLE_DEBUG

	//DefaultRect = &Rect{0, 0, 300, 400}

	w, err := window.New(sciter.DefaultWindowCreateFlag, sciter.DefaultRect);

	if err != nil {

		log.Fatal(err);

	}

	//设置标题

	w.SetTitle("文本html");

	html := `

			<html>

			<body>

				<ul id="list" name="list">

					<li>111</li>

					<li>222</li>

					<li>333</li>

				</ul>

			</body>

			</html>`;

	//加载html，从一个字符串变量中

	w.LoadHtml(html, "");

	//窗口获取根元素，这里应该是html

	root, _ := w.GetRootElement();

	//这里把一些操作单独写成函数方便查看

	base(root);

	addElement(root);

	delElement(root);

	updElement(root);

	selElement(root);

	//显示窗口

	w.Show();

	//运行窗口，进入消息循环

	w.Run();

}

go语言使用go-sciter创建桌面应用(二) ui元素查找，增加，删除，修改的更多相关文章

  1. go语言使用go-sciter创建桌面应用(六) Element元素操作和Event事件响应

    详细的文档请看下面两个链接: https://sciter.com/docs/content/sciter/Element.htm https://sciter.com/docs/content/sc ...

  2. c# Windows Service 桌面上显示UI

    介绍 本文的目的是说明如何从Windows Vista中的服务正确启动交互式进程,以及演示如何以完全管理员权限启动该进程.交互式过程是能够在桌面上显示UI的过程. 本文介绍如何创建一个名为Loader ...

  3. go语言使用go-sciter创建桌面应用(五) 加载元素资源

    有些时候我们需要动态的给某个UI元素加载内容或数据. demo6.go代码如下: package main; import ( "github.com/sciter-sdk/go-scite ...

  4. Ubuntu创建桌面快捷方式

    默认情况下，ubuntu会将自动安装的软件快捷方式保存在/usr/share/applications目录下，如果我们要创建桌面快捷方式，只需要右键-复制-桌面 就Ok，如图： 上面的方法是通过系统自 ...

  5. Windows中创建桌面快捷方式

    Windows中创建桌面快捷方式 -------------- -------------- -------------- --------------

  6. robot创建桌面图标（转载）

    桌面ride图标,安装之后会自动创建(偶尔也会创建失败),创建桌面图标方法如下: 1. 新建快捷方式 在桌面右击鼠标,弹出的菜单选择 新建-快捷方式 ,然后在"请键入对象"的位置输 ...

  7. Qt之创建桌面和开始菜单快捷方式

    将安装好的酷狗拷贝到C:\data目录中 1.创建桌面快捷方式 QFile::link("C:/data/KuGou.exe", QStandardPaths::writableL ...

  8. Swift3.0语言教程使用编码创建和初始化字符串

    Swift3.0语言教程使用编码创建和初始化字符串 使用编码创建和初始化字符串 创建和初始化字符串除了可以使用上文中提到的方法外,还可以使用init(coder:)方法,此方法一般不常使用,其语法形式 ...

  9. Swift3.0语言教程使用指针创建和初始化字符串

    Swift3.0语言教程使用指针创建和初始化字符串 Swift3.0语言教程使用指针创建和初始化字符串苹果的Swift团队花了不少功夫来支持C的一些基础特性.C语言中为我们提供了指针,Swift也不例 ...

随机推荐

  1. VBS处理AD帐号密码到期提醒的脚本[zt]

    原文:https://gallery.technet.microsoft.com/scriptcenter/f7f5f7ed-14ee-4d0e-81c2-7d95ce7e08f5 '======== ...

  2. python的垃圾回收机制【转】

    http://python.jobbole.com/82061/ http://www.jianshu.com/p/1e375fb40506 https://www.cnblogs.com/vamei ...

  3. pandas库的数据类型运算

    pandas库的数据类型运算 算数运算法则 根据行列索引,补齐运算(不同索引不运算,行列索引相同才运算),默认产生浮点数 补齐时默认填充NaN空值 二维和一维,一维和0维之间采用广播运算(低维元素与每 ...

  4. h5+css 垂直导航菜单

    http://blog.csdn.net/baidu_32731497/article/details/51814427

  5. 安装opencv3.x卡在ICV: Downloading ippicv_linux_20151201.tgz...

    参考:http://blog.csdn.net/bobsweetie/article/details/52502741 可以自己下载: ICV: Downloading ippicv_linux_20 ...

  6. SAP 费用

    SAP在华真相:天价收费与用户之灾 SAP真的是企业实施ERP系统的最佳选择吗? 画皮SAP-世界管理软件公司的中国真相 你知道SAP吗?哦,知道,满大街都是嘛,S-P-A,SPA.做出上述回答的是一 ...

  7. pipy国内镜像的网址

    pipy国内镜像目前有:豆瓣 http://pypi.douban.com/simple/阿里云 http://mirrors.aliyun.com/pypi/simple/中国科技大学 https: ...

  8. CentOS 6.5下Redis安装测试

    NoSQL之Redis - CentOS 6.5安装测试 1.下载redis 可以在线安装或者下载 redis ①在线安装前需要检测是否存在rpm包不存在的话查看yum在线是否存在rpm包不存在的话就 ...

  9. xlwt使用

    xlwt引入xlwt,import xlwt 新建工作簿,xlsx = xlwt.Workbook( encoding="utf-8" ),参数:设置编码为utf-8 添加工作表, ...

  10. kali域名解析错误解决

    浏览器出现不能上网的的现象,推测是DNS解析有问题,想要修改DNS vim /etc/resolv.conf nameserver 202.96.134.133 nameserver 114.114. ...