AppCan 版本: V3.1.4 跟新后的 页面代码编辑有个很大的变化
当用户添加控件的时候 以列表为例
<body class="um-vp bc-bg" ontouchstart>
<!--列表开始-->
<div id="listview" class="ubt bc-border sc-bg"></div>
<!--列表结束-->
<script src="js/appcan.js"></script>
<script src="js/appcan.control.js"></script>
<script src="js/appcan.listview.js"></script>
</body>
<script>
appcan.ready(function() {
appcan.initBounce();
})
/**
* 用户信息列表
*
*/
var lv = appcan.listview({
selector : "#listview",
type : "thinLine",
hasIcon : true,
hasAngle : true,
hasSubTitle : false,
multiLine : 1,
});
lv.set([{
title : "哈尔滨",
icon : "./css/res/appcan_s.png",
subTitle : "12:05",
id : "1"
}, {
title : "大庆",
icon : "./css/res/appcan_s.png",
subTitle : "12:05",
id : "2"
}])
/**
* ele: 当前listview 的li元素集合
* obj: 触发的元素行
* curEle 当前的div元素
*
*/
lv.on("click", function(ele, obj, curEle) {
var list=document.getElementById('listview');
alert(list.innerHTML);
})
</script>
页面中的 html标签 没有了 只有一个div标签
<div id="listview" class="ubt bc-border sc-bg"></div>
页面中 添加了一段脚本 ,实例化了一个listview标签 通过lv.set 添加到元素中
lv.on("click", function(ele, obj, curEle) {
var list=document.getElementById('listview');
alert(list.innerHTML);
})
/**
* ele: 当前listview 的li元素集合
* obj: 触发的元素行
* curEle 当前的div元素
*
*/