<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>CustomRender for button 测试</title>
<link href="../../build/css/base.css" rel="stylesheet"/>
<link href="assets/custombutton.css" rel="stylesheet"/>
<style>
h1 {
font-size: 2em;
margin: 10px;
text-align: center;
}
h2 {
font-size: 1.5em;
margin: 10px;
text-align: center;
}
#wrap {
width: 990px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="wrap">
<h1 id="describe">demo for button 测试</h1>
<div id="button_container">
</div>
<label>禁用:<input type="checkbox" id='dis'/></label>
<h2>从已知元素生成</h2>
<div id="exist">渐进增强</div>
</div>
<script src="../../build/kissy.js"></script>
<script>
KISSY.Config.tag = Math.random();
KISSY.use("node,button", function (S, Node, Button) {
// view
// render to container : button_container
// model and control
// view as a parameter
var b = new Button({
content:"测试",
describedby:"describe",
render:"#button_container",
prefixCls:"goog-"
});
b.render();
b.on("click", function () {
setTimeout(function () {
alert("button click");
}, 0);
});
var dis = Node.one("#dis");
dis.on("click", function () {
if (dis[0].checked) {
b.set("disabled", true);
} else {
b.set("disabled", false);
}
});
if (dis[0].checked) {
b.set("disabled", true);
} else {
b.set("disabled", false);
}
var exist = new Button({
srcNode:"#exist",
prefixCls:"goog-"
});
exist.render();
exist.on("click", function () {
alert("渐进增强 click");
});
});
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
这个demo是以前做的一个项目拷贝下来的,是利用kissy提供的插件做出来的瀑布流布局,因为之前的项目很大,文件很大,我不能把整个项目拷上来吧,so,所以我把主要的东西整理下发上去,这个直接运行是看不到效果的,因为读取数据那部分要你自己去写(到你自己数据库去读)我有注释一些,嗯嗯有些人慎重下载啊
资源推荐
资源详情
资源评论












收起资源包目录





































































































共 121 条
- 1
- 2

jsenke
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
我的内容管理 收起
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


会员权益专享
安全验证
文档复制为VIP权益,开通VIP直接复制

- 1
- 2
- 3
前往页