有些时候我们需要动态的给某个UI元素加载内容或数据。

demo6.go代码如下：

package main;

import (

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

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

	"log"

	"fmt"

)

func load(root *sciter.Element) {

	frame, _ := root.SelectById("frame");

	//load()类似jquery.load()，用于给元素加载指定内容

	//加载html内容

	frame.Load("http://www.qq.com", sciter.RT_DATA_HTML);

	txt, _ := root.SelectById("txt");

	//附加元素事件处理

	txt.AttachEventHandler(&sciter.EventHandler{

		//OnDataArrived 当资源被加载但未使用时调用

		//返回true，取消资源使用

		//返回false，遵循正常过程

		OnDataArrived: func(he *sciter.Element, params *sciter.DataArrivedParams) bool {

			//设置元素html

			he.SetHtml(string(params.Data()), sciter.SIH_REPLACE_CONTENT);

			return false;

		},

	});

	//加载本地原始数据

	txt.Load("file:///D:/gopath/src/gui/1.txt", sciter.RT_DATA_RAW);

	img, _ := root.SelectById("img");

	img.AttachEventHandler(&sciter.EventHandler{

		//OnDataArrived 当资源被加载但未使用时调用

		OnDataArrived: func(he *sciter.Element, params *sciter.DataArrivedParams) bool {

			//设置属性，给img标签设置src

			he.SetAttr("src", params.Uri());

			return false;

		},

	});

	img.Load("http://mat1.gtimg.com/www/images/qq2012/qqLogoFilter.png", sciter.RT_DATA_IMAGE);

	script, _ := root.SelectById("script");

	script.AttachEventHandler(&sciter.EventHandler{

		//OnDataArrived 当资源被加载但未使用时调用

		OnDataArrived: func(he *sciter.Element, params *sciter.DataArrivedParams) bool {

			fmt.Println(string(params.Data()));

			return false;

		},

	});

	//加载脚本资源

	script.Load("http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js", sciter.RT_DATA_SCRIPT);

}

func main() {

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

	if err != nil {

		log.Fatal(err);

	}

	//加载文件

	w.LoadFile("demo6.html");

	//设置标题

	w.SetTitle("元素加载内容");

	//获取根元素

	root, _ := w.GetRootElement();

	//元素加载资源

	load(root);

	w.Show();

	w.Run();

}

demo6.html代码如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>元素加载内容</title>

    <style>

        #frame {

            width: 100%;

            height: 50%;

        }

        #txt {

            border: 1px solid #ccc;

            height: 50px;

            color: #000;

        }

    </style>

</head>

<body>

<iframe id="frame">

</iframe>

<div id="txt"></div>

<img id="img">

<script type="text/javascript" id="script"></script>

</body>

</html>

go语言使用go-sciter创建桌面应用(五) 加载元素资源的更多相关文章

  1. js动态创建的select2标签样式加载不上解决办法

    js动态创建的select2标签样式加载不上:调用select2的select2()函数来初始化一下: js抛出了Uncaught query function not defined for Sel ...

  2. DLL动态库的创建，隐式加载和显式加载

    动态库的创建 打开VS,创建如下控制台工程,工程命名为DllTest: 在弹出的对话框中选择"DLL"后单击"完成"按钮: 在工程中新建DllTest.h和Dl ...

  3. Swift微博项目--Swift中通过类名字符串创建类以及动态加载控制器的实现

    Swift中用类名字符串创建类(用到了命名空间) OC中可以直接通过类名的字符串转换成对应的类来操作,但是Swift中必须用到命名空间,也就是说Swift中通过字符串获取类的方式为NSClassFro ...

  4. Android Handler 异步消息处理机制的妙用 创建强大的图片加载类(转)

    转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38476887 ,本文出自[张鸿洋的博客] 最近创建了一个群,方便大家交流,群号: ...

  5. React（九）create-react-app创建项目 + 按需加载Ant Design

    (1)create-react-app如何创建项目我前面第一章介绍过了,这里就不过多写了, (2)我们主要来说说按需加载的问题 1. 引入antd npm install antd --save 2. ...

  6. 从整体上理解进程创建、可执行文件的加载和进程执行进程切换，重点理解分析fork、execve和进程切换

    学号后三位<168> 原创作品转载请注明出处https://github.com/mengning/linuxkernel/ 1.分析fork函数对应的内核处理过程sys_clone,理解 ...

  7. 如何用Swift创建一个复杂的加载动画

    现在在苹果应用商店上有超过140万的App,想让你的app事件非常具有挑战的事情.你有这样一个机会,在你的应用的数据完全加载出来之前,你可以通过一个很小的窗口来捕获用户的关注. 没有比这个更好的地方让 ...

  8. ASP.NET MVC - 启动创建项目，未能加载错误

    VS2012以常规方式创建一ASP.NET MVC internet 项目.创建后F5启动项目,遇一错误: 未能加载文件或程序集“MySql.Web.v20, Version=6.9.4.0, Cul ...

  9. 在/etc/docker/下 创建daemon.json重新加载后docker无法启动问题 /etc/docker/daemon.json编辑不了 找不到

    可能产生这个问题的原因至少有以下几个: 编辑daemon.json步骤不对:想要创建并编辑daemon.json,应该是先启动docker服务,此时系统自动产生/etc/docker目录,此时cat生 ...

随机推荐

  1. RESET MASTER和RESET SLAVE使用场景和说明，以及清除主从同步关系

    mysql主从复制中,需要将从库提升为主库,需要取消其从库角色,这可通过执行RESET SLAVE ALL清除从库的同步复制信息.包括连接信息和二进制文件名.位置.从库上执行这个命令后,使用show ...

  2. cin输入bug

    我们先来谈谈cin.clear的作用,第一次看到这东西,很多人以为就是清空cin里面的数据流,而实际上却与此相差很远,首先我们看看以下代码: #include <iostream> usi ...

  3. css实现角标

    效果图: 简单方式可以使用背景图片,但这里我使用的css来实现,最笨的方式是使用矩形div然后旋转遮挡就可以, <div class='checked-item'>    角标实现 < ...

  4. mac下node安装提示command not found

    官网下载了node的.pkg文件安装node,安装好后,在mac终端下输入npm -v 和 node -v均提示 command not found,参考了网上的方法,终于得解 第一步:创建.bash ...

  5. (转)Python新手写出漂亮的爬虫代码2——从json获取信息

    https://blog.csdn.net/weixin_36604953/article/details/78592943 Python新手写出漂亮的爬虫代码2——从json获取信息好久没有写关于爬 ...

  6. 带报表的asp.net项目不要升级

    原来项目是用vs2008开发的,框架是3.5的.刚去公司项目就感觉比较乱,来来去去了几波人.所以我想统一把它升级成vs2010框架4.0. 结果页面经常报错,什么脚本找不到不存.后台脚本是用这句来添加 ...

  7. 吴裕雄 python oracle子查询的用法（3）

    import cx_Oracle conn = cx_Oracle.connect("scott/admin@localhost:1521/orcl")cursor = conn. ...

  8. LinQ to sql简介及增删改查

    Linq to sql 类 LinQ它就是一个集成化的数据库访问类,它会自动生成许多原本需要我们自己创建的东西: 它和ADO.NET是一样的东西,都是为了访问数据库而出现的,EF框架 一.创建LinQ ...

  9. pom配置详解

    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/20 ...

  10. 2018面向对象程序设计（Java）第11周学习指导及要求

    2018面向对象程序设计(Java)第11周学习指导及要求 (2018.11.8-2018.11.11)   学习目标 (1) 掌握Vetor.Stack.Hashtable三个类的用途及常用API: ...