1、在html节点内加入sui的命名空间
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://www.toany.net/ui" >
2、导入JSI
<script charset="UTF-8" type="text/javascript" src="boot.js"></script>
3、使用JSI导入SUI
$import("sui.*");
4、初始化SUI.Engine
SUI.Engine.initialize();
5、渲染指定节点
SUI.Engine.render(document.body);
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://www.toany.net/ui" >
<head>
<title>Hello SUI</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script charset="UTF-8" type="text/javascript" src="boot.js"></script>
<link rel="stylesheet" type="text/css" href="javascripts/org/ext/v2_1/resources/css/ext-all.css" />
<script charset="UTF-8" type="text/javascript" src="javascripts/org/ext/v2_1/adapter/ext/ext-base.js"></script>
<script charset="UTF-8" type="text/javascript" src="javascripts/org/ext/v2_1/ext-all-debug.js"></script>
<script>
$import("sui.*");
</script>
<script>
function body_load(){
Ext.BLANK_IMAGE_URL = 'javascripts/org/ext/v2_1/resources/images/defaults.gif'
SUI.Engine.initialize();
SUI.Engine.render(document.body);
}
window.onload = body_load;
</script>
</head>
<body>
<ui:button id="extButton" text="Click me!" onclick="alert('Hello,SUI')" ></ui:button>
</body>
</html>
分享到：
相关推荐
总之，SUI-101A的资料包V1.1为我们提供了一个完整的从理论学习到实践应用的框架。从了解设备特性，到编写单片机控制程序，再到实现远程通信和扩展测量功能，每一个环节都涵盖了一系列IT专业知识。对于想要掌握SUI-...
而STM32程序则是针对STM32系列微控制器的，这是一个基于ARM Cortex-M内核的高性能微控制器，适用于更复杂的系统集成和实时处理任务。这两个程序可能用于实现对SUI-101A测量值的自动读取和分析，为用户提供高效的数据...
此外，读取程序部分可能包含STM32和C51的源代码，指导用户如何编程这两个微控制器来对接SUI-101A的输出信号，进行电流值的实时采集和分析。 STM32的程序设计通常涉及以下步骤： 1. 初始化：配置GPIO引脚，使其能够...
SUI-101A交流变送器模块资源 有以下资源 1、SUI-101A使用说明书2023/7/6 18:46文件夹 2、单片机读取SUI-101A测量值例程文件夹2023/7/6 18:46 3、电脑Modbus读写测试文件夹2023/7/6 18:46 4、外挂互感器接线说明(15A...
首先，STM32F103RCT6是STM32系列的一个变种，它拥有72MHz的时钟频率，具备512KB的闪存和64KB的SRAM，具有丰富的外设接口，如UART、SPI、I2C等。在这个项目中，我们主要用到的是串行通信接口（UART）的第二通道，即...
在这个名为“vue-sui-demo”的项目中，开发者使用了Vue.js结合SUI-Mobile来创建一个适用于移动端的示例应用。SUI-Mobile是一款基于Flexbox的移动端UI库，它提供了丰富的组件和样式，帮助开发者快速构建响应式的移动...
仿真过程中，通常会采用连续导频信号通过信道的模型，例如使用一个固定频率的连续正弦波作为导频。信号通过信道后，会受到多径传播影响，产生Doppler频移。通过计算不同入射角度的信号分量的Doppler频移，可以得到...
SUI-101A型号的电流互感器是一款专为电气工程设计的专业设备，用于准确地检测和传输交流电流信号。在本文件压缩包中，我们将会深入探讨SUI-101A的使用方法、工作原理以及测量值的读取程序。 首先，SUI-101A的说明书...
SUI-Mobile组件库 city-picker.js SUI-Mobile组件库 city-picker.js
SUI Mobile则是一个轻量级的移动前端框架，适用于快速构建响应式的移动端页面，它提供了丰富的UI组件，如按钮、表单、导航等，使得页面设计更加规范和美观。 在MATLAB与JavaScript的集成中，MATLAB可以作为一个计算...
matlab写的sui-3的信道仿真，802.16推荐下的仿真代码
在实际应用中，通常会构建一个包含非线性元件的系统，并引入随机噪声。当噪声与信号频率相近时，非线性元件可能会在特定的噪声水平下放大信号。这与传统的噪声抑制方法不同，后者通常旨在减少噪声，而随机共振则是...
在移动应用开发中，SUI Mobile 是一个广泛使用的前端框架，它提供了丰富的组件和样式，使得构建响应式、高性能的移动端页面变得简单。然而，在实际项目中，我们可能会遇到一些关于路由加载 JavaScript 和 CSS 文件的...
本文将深入探讨一个名为“sui-button”的组件，该组件以其高度可定制性和易用性为特点，成为JavaScript开发中的热门选择。我们将从组件的概要设计、实现原理以及实际应用等多个角度进行详细解析。 首先，我们要理解...
一组占位符，可以为您的组件设置样式（按钮，选项卡，表单，网格系统...）。 函数和mixins助手。 用法 在您的项目中安装sui-theme ： npm install @s-ui/theme --save 将sui-theme导入到您的sui-component中，包括...
sui-componentssui 组件库在线文档使用yarn add sui-components示例// libimport { Wrapper, Logo, Menu, RouterPage, Avatar} from 'sui-components';const { PageWrapper, LeftWrapper, RightWrapper, Header, ...
测试框架的小例子，可以用于参考和使用，内容是博客文档附加代码。
本系统方案主要采用STM32 F407单片机作为系统主控，通过串口同SUI-101A电能计量模块进行通讯，获取有功功率、电压、电流等电参数，并通过这些参数进行用电器识别功能。其中SUI-101A模块通过电流互感器接入插座，监测...
SUI React组件 SUI组件是React组件的开源，高质量库，使团队可以轻松制作任何产品。 :desktop_computer: 环境支援现代浏览器和Internet Explorer 11+（带有 ） 服务器... 每个组件都是一个包。 使用变量的可定制组件。
[SUI Mobile](http://m.sui.taobao.org/) 是阿里巴巴国际UED前端团队出品的移动端 __UI库__。 没有重复造轮子。主要借鉴 __Framework7__ 的形态并以此为基础，参考Ratchet、Ionic、Onsen各种不同的思路，强化功能，...