'''var submitFlag = 0;
mui.init({
pullRefresh: {
container: "#refreshContainer", //下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等
down: {
height: 50, //可选,默认50.触发下拉刷新拖动距离,
auto: false, //可选,默认false.首次加载自动下拉刷新一次
contentdown: "下拉可以刷新", //可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容
contentover: "释放立即刷新", //可选,在释放可刷新状态时,下拉刷新控件上显示的标题内容
contentrefresh: "正在刷新...", //可选,正在刷新状态时,下拉刷新控件上显示的标题内容
callback: function() {
freshUser();
} //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
},
});
mui.plusReady(function() {
freshUser();
})
function freshUser() {
loadInfo(returnLoadInfo);
}
function returnLoadInfo(result) {
///每次加载把之前加载的数据清除
$(".mui-table-view .mui-indexed-list-group").nextAll().not(".mui-indexed-list-group").remove();
for(var key = 0; key < result.rows.length; key++) {
var pinyin = ConvertPinyin(result.rows[key].name).substring(0, 1);
// console.log(pinyin);
var pinyinAll = ConvertPinyin(result.rows[key].name).substring(0);
// console.log(pinyinAll);
var blogname = result.rows[key].name;
var pinyinname = "";
for(var i = 0; i < result.rows[key].name.length; i++) {
pinyinname += ConvertPinyin(result.rows[key].name).substring(0, 1);
}
//循环字母列表
$(".mui-table-view .mui-indexed-list-group").each(function() {
if($(this).html() == pinyin) {
var html = "";
html = "<li id=" + result.rows[key].id + "class=" + "mui-table-view-cell mui-media mui-indexed-list-item" + ">" +
"<a href='#'>" +
"<div class='mui-media-body'>" +
"<label class='people'>" + result.rows[key].name + "</label>" +
"<label class='enterprise'>" + result.rows[key].company + "</label>" +
"<p class='mui-ellipsis'>" + result.rows[key].tel + "</p>" +
"</div>" +
"</a>" +
"</li>";
$(this).after(html);
}
});
}
//将后面没有值得字母列表隐藏
$(".mui-table-view .mui-indexed-list-group").each(function() {
// console.log(JSON.stringify($(this).next().length))
if($(this).next().hasClass("mui-indexed-list-group") || $(this).next().length == 0) {
$(this).remove();
}
})
var header = document.querySelector('header.mui-bar');
var list = document.getElementById('list');
//calc hieght
list.style.height = (document.body.offsetHeight) + 'px';
// list.style.height = 1000 + 'px';
//create
window.indexedList = new mui.IndexedList(list);
mui('#refreshContainer').pullRefresh().endPulldown();
// for(var i = 0; i < result.rows.length; i++) {
// var li = document.createElement("li");
// li.className = 'mui-table-view-cell mui-media';
// li.id = result.rows[i].id;
// li.innerHTML = "<a href='#'>" +
// "<div class='mui-media-body'>" +
// "<label class='people'>" + result.rows[i].name + "</label>" +
// "<label class='enterprise'>" + result.rows[i].company + "</label>" +
// "<p class='mui-ellipsis'>" + result.rows[i].tel + "</p>" +
// "</div>" +
// "</a>"
// document.getElementById("userList").appendChild(li);
// }
}
document.getElementById("addUser").addEventListener('tap', function() {
submitFlag = 0;
mui.openWindow({
url: 'add.html',
id: 'add.html',
// extras: {
// submitFlagS: submitFlag
// }
});
var list = plus.webview.getWebviewById('add.html'); //接收参数的窗口对象
list.evalJS('getData(\'' + JSON.stringify(submitFlag) + '\')'); //自定义函数getData()
});
window.addEventListener('refreshList', function() {
// freshUser();
location.reload();
});
mui('#userList').on('tap', 'li', function() {
submitFlag = 1;
// var title=document.getElementById("title");
// console.log(title);
// title.innerHTML="编辑联系人";
var next = mui.preload({
url: "add.html",
id: "add.html"
});
// var next=plus.webview.getWebviewById("add.html");
// console.log(next);
var liId = this.getAttribute('id');
setTimeout(function() {
mui.fire(next, 'showInfo', {
'id': liId
});
}, 100);
mui.openWindow({
url: "add.html",
id: "add.html",
// extras: {
// submitFlagS: submitFlag
// }
});
var list = plus.webview.getWebviewById('add.html'); //接收参数的窗口对象
list.evalJS('getData(\'' + JSON.stringify(submitFlag) + '\')'); //自定义函数getData()
})'''
2 个回复
moods (作者)
''' <!doctype html>
<html>
</html>'''
moods (作者)
'''var submitFlag = 0;
mui.init({
pullRefresh: {
container: "#refreshContainer", //下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等
down: {
height: 50, //可选,默认50.触发下拉刷新拖动距离,
auto: false, //可选,默认false.首次加载自动下拉刷新一次
contentdown: "下拉可以刷新", //可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容
contentover: "释放立即刷新", //可选,在释放可刷新状态时,下拉刷新控件上显示的标题内容
contentrefresh: "正在刷新...", //可选,正在刷新状态时,下拉刷新控件上显示的标题内容
callback: function() {
freshUser();
} //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
},
});
mui.plusReady(function() {
freshUser();
})
function freshUser() {
loadInfo(returnLoadInfo);
}
function returnLoadInfo(result) {
///每次加载把之前加载的数据清除
$(".mui-table-view .mui-indexed-list-group").nextAll().not(".mui-indexed-list-group").remove();
for(var key = 0; key < result.rows.length; key++) {
var pinyin = ConvertPinyin(result.rows[key].name).substring(0, 1);
// console.log(pinyin);
var pinyinAll = ConvertPinyin(result.rows[key].name).substring(0);
// console.log(pinyinAll);
var blogname = result.rows[key].name;
var pinyinname = "";
for(var i = 0; i < result.rows[key].name.length; i++) {
pinyinname += ConvertPinyin(result.rows[key].name).substring(0, 1);
}
//循环字母列表
$(".mui-table-view .mui-indexed-list-group").each(function() {
if($(this).html() == pinyin) {
var html = "";
html = "<li id=" + result.rows[key].id + "class=" + "mui-table-view-cell mui-media mui-indexed-list-item" + ">" +
"<a href='#'>" +
"<div class='mui-media-body'>" +
"<label class='people'>" + result.rows[key].name + "</label>" +
"<label class='enterprise'>" + result.rows[key].company + "</label>" +
"<p class='mui-ellipsis'>" + result.rows[key].tel + "</p>" +
"</div>" +
"</a>" +
"</li>";
$(this).after(html);
}
}
document.getElementById("addUser").addEventListener('tap', function() {
submitFlag = 0;
});
window.addEventListener('refreshList', function() {
// freshUser();
location.reload();
});
mui('#userList').on('tap', 'li', function() {
submitFlag = 1;
// var title=document.getElementById("title");
// console.log(title);
// title.innerHTML="编辑联系人";
})'''