我们可以通过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. 一个linux内核模块移植到低版本时发生的异常

    在3.10的内核版本下,有一个运行稳定的内核模块,移植到suse11的时候,编译正常,运行则直接出现crash: <>[ <>[ 503.347300] Modules lin ...

  2. PHP多例模式介绍_PHP教程

    1.多例类可以有多个实例2.多例类必须能够自我创建并管理自己的实例,并向外界提供自己的实例. 大家都知道PHP单例模式,却很少说PHP多例模式,下面是在wikipedia上看到的PHP多例模式的例子: ...

  3. 19.struts-配置详解.md

    目录 1.package name extends abstract namespace 2.action name class method 3.result name type 标签体 <p ...

  4. NGINX安全

    http://anyun.org/a/jishuguanzhu/WEBjishu/2017/0804/8721.html

  5. Spring Boot 邮件配置

    ######################################################## spring boot mail tls ###################### ...

  6. zabbix 利用python脚本实现短信告警

    一.编写脚本 cd /usr/local/zabbix-4.0.3/share/zabbix/alertscripts vi zabbix_sms.py 内容如下: #!/usr/bin/python ...

  7. JDBC的基本概念

    英文名:Java DataBase Connectivity 中文名:数据库连接 作用: java操作数据库 本质上(sun公司的程序员)定义的一套操作关系型数据库的规则也就是接口,各数据库厂商实现接 ...

  8. JMeter一次简单的接口测试（转载）

    转载自 http://www.cnblogs.com/yangxia-test 本次接口测试:根据ws查询所有商品的具体的信息.检查商品是否返回成功. 1.  准备测试数据 查询数据库中产品表已上架商 ...

  9. spring 中 PO与DTO相互转换的工具类

    public class BeanMapper { /** * 持有Dozer单例, 避免重复创建DozerMapper消耗资源. */ private static DozerBeanMapper ...

  10. exe4j 安装

    需要看清楚对应的jre版本 4.6---jre1.6 5.0以上---jre1.7