浏览 2669 次
|
锁定老帖子 主题：SUI-渲染一个简单的页面
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2009-02-16
最后修改：2009-02-16
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>
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
