win32 htmlayout dom操作demo

之前两篇关于win32 htmlayout博文，记载了一个实现了简单的点击按钮弹出新窗口的demo，之后实践中发现，图形界面开发，最重要的还是要实现响应用户操作，改变原有界面的功能。比如说，界面上有一个用户列表，选择其中一个名字，点击删除按键，则可以将这个名字删掉。这种类似的操作是很常见的。使界面有了动态性。

对于win32 htmlayout就是操作html的dom节点，虽然没做过C++ win32，但做java web对dom操作也算很熟悉了。

dom操作就是这样：

    //************************************// 作      者:    sonne// 函  数  名:  OnButtonClick// 功      能:  按钮响应事件// 完  整  名:  OnButtonClick// 访  问  权:  public // 返回值类型:  VOID// 方法限定符:     //************************************void OnButtonClick(HELEMENT button){htmlayout::dom::element cBut = button;if (!wcscmp(cBut.get_attribute("id"),L"ACT")){htmlayout::dom::element root;htmlayout::dom::element    name;root = htmlayout::dom::element::root_element(hwnd); name = root.get_element_by_id("NAME");name.insert(htmlayout::dom::element::create("option", L"Whoami"), 0);}if (!wcscmp(cBut.get_attribute("id"),L"DEL")){htmlayout::dom::element root;htmlayout::dom::element    nameList;root = htmlayout::dom::element::root_element(hwnd); nameList = root.get_element_by_id("NAME");htmlayout::dom::element selName;selName = nameList.find_first("option:checked");selName.destroy();SetWindowText(hwnd,"NAME LIST");}if (!wcscmp(cBut.get_attribute("id"),L"EDI")){htmlayout::dom::element root;htmlayout::dom::element    nameList;root = htmlayout::dom::element::root_element(hwnd); nameList = root.get_element_by_id("NAME");htmlayout::dom::element selName;selName = nameList.find_first("option:checked");selName.set_value("Iamwho");SetWindowText(hwnd,"NAME LIST");}}

实现的效果：

初始化显示为Bob，Alice，Peter三个名字。点击ACT按钮则添加一个名为Whoami的名字，选中后点击EDI按钮则将名字改为Iamwho，选中后点击DEL按钮则删除。

这就是基于dom操作动态效果实现增删改查的小demo。

github代码地址：

https://github.com/SonnAdolf/sonne_desktop_graphical_development

转载于:https://www.cnblogs.com/rixiang/p/6668068.html

win32 htmlayout dom操作demo相关推荐

使用事件委托降低重复的事件绑定,从而降低dom操作的对性能的消耗[兼容IE版]
使用事件委托降低重复的事件绑定,从而降低dom操作的对性能的消耗[兼容IE版] 原理: W3C将DOM2.0模型中事件处理流程分为三个阶段: 一.事件捕获阶段: 当某个元素触发某个事件(如onclic ...
03.JavaScript对DOM操作
JavaScript引入方式外部引入在head或者body中,添加以下代码 <script type="text/javascript" src="js/dem ...
jQuery的DOM操作
jQuery的DOM操作前期:http://blog.csdn.net/goodshot/article/details/20202019 1 , 创建元素节点传统的javascript方法,创建 ...
JavaScript（五）—— Web APIs 简介/JavaScript 必须掌握的 DOM 操作 (丰富案例 + 思维导图）
本篇为 JavaScript 系列笔记第五篇,将陆续更新后续内容.参考:黑马程序员JavaScript核心教程,前端基础教程系列笔记: JavaScript(一)-- 初识JavaScript / ...
JavaScript和jQuery的DOM操作
1.创建元素节点传统的javascript方法,创建元素节点程序代码 var a = document.createElement("p"); jQuery中创建节点的方法是 ...
三、jQuery 中的 DOM 操作（超详细）
文章目录前言一. DOM 介绍二. 查找节点 2.1查找元素节点 2.2查找属性节点三. 创建节点 3.1.创建元素节点 3.2.创建文本节点 3.3.创建属性节点四.插入节点 4.1 DO ...
前端性能优化总结/懒加载、函数节流、优化dom操作、雪碧图、合并文件
1.减少 HTTP 请求数量在浏览器与服务器进行通信时,主要是通过 HTTP 进行通信.浏览器与服务器需要经过三次握手,每次握手需要花费大量时间.而且不同浏览器对资源文件并发请求数量有限(不同浏览器 ...
DOM操作（增删改查）详解
一.DOM操作 1.DOM概念当网页被加载时,浏览器会创建页面的文档对象模型DOM DOM:Document Object Model 注:DOM说明在DOM中,每个东西都是节点: 文档本身就是一 ...
Python|并发编程|爬虫|单线程|多线程|异步I/O|360图片|Selenium及JavaScript|Scrapy框架|BOM 和 DOM 操作简介|语言基础50课：学习（12）
文章目录系列目录原项目地址第37课:并发编程在爬虫中的应用单线程版本多线程版本异步I/O版本总结第38课:抓取网页动态内容 Selenium 介绍使用Selenium 加载页面查找 ...

win32 htmlayout dom操作demo

win32 htmlayout dom操作demo相关推荐

最新文章

热门文章