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说明书以及STM32/C51测量值读取程序
SUI-101A说明书及测量值读取程序:内附有接线说明书,和使用说明书 ,C51和STM32读取程序
SUI-101A资料(内含SUI-101A使用说明书、单片机读取SUI-101A例程、Modbus读写测试、外挂互感器接线说明)
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...
无线信道建模原理及SUI-3信道的MATlab仿真.pdf无线信道建模原理及SUI-3信道的MATlab仿真.pdf
SUI-Mobile组件库 city-picker.js SUI-Mobile组件库 city-picker.js
电流互感器SUI-101A说明书及测量值读取程序
这是一个用 Vue 和 SUI-Mobile 写的移动端 Demo,可以用来学习 Vue.js。项目线上预览,效果图如下:
matlab写的sui-3的信道仿真,802.16推荐下的仿真代码
matlab开发-JavaScript 项目-vue-sui-demo.zip
sui-mobile路由加载js,css问题的解决方案,仅供参考
一组占位符,可以为您的组件设置样式(按钮,选项卡,表单,网格系统...)。 函数和mixins助手。 用法 在您的项目中安装sui-theme : npm install @s-ui/theme --save 将sui-theme导入到您的sui-component中,包括...
无线信道建模原理及SUI-3信道的MATlab仿真 (2).docx无线信道建模原理及SUI-3信道的MATlab仿真 (2).docx
无线信道建模原理及SUI-3信道的MATlab仿真 (2).pdf无线信道建模原理及SUI-3信道的MATlab仿真 (2).pdf
sui-componentssui 组件库在线文档使用yarn add sui-components示例// libimport { Wrapper, Logo, Menu, RouterPage, Avatar} from 'sui-components';const { PageWrapper, LeftWrapper, RightWrapper, Header, ...
测试框架的小例子,可以用于参考和使用,内容是博客文档附加代码。
随机共振的源代码,对微弱信号检测有很大 作用,仅供参考使用
SUI React组件 SUI组件是React组件的开源,高质量库,使团队可以轻松制作任何产品。 :desktop_computer: 环境支援现代浏览器和Internet Explorer 11+(带有 ) 服务器... 每个组件都是一个包。 使用变量的可定制组件。
[SUI Mobile](http://m.sui.taobao.org/) 是阿里巴巴国际UED前端团队出品的移动端 __UI库__。 没有重复造轮子。主要借鉴 __Framework7__ 的形态并以此为基础,参考Ratchet、Ionic、Onsen各种不同的思路,强化功能,...
相对于上个版本(2012.12.28.00)更新说明: [+]新增 带导航的多页分组框装载的组件操作.e 例程:演示了多页面且包含分组框的组件切换 [+]新增 热键框的操作以及提示信息的使用.e 例程:演示了SUI_HotkeyEdit和SUI_...