在js的方法中插入数据怎么操作
自渡96 2018-01-31 01:19:07 需要将ajax获取到的数据插入到的下面data的title和subTitle中,下面的代码显示出来的是一个列表,每一个data中的{}就是列表的一行。行数由ajax获取到的数据决定,所以最好使用循环的方式插入,表示不会写
var UIListView = api.require('UIListView');
UIListView.open({
rect: {
x: 0,
y: headerPos.h,
w: api.winWidth,
h: api.frameHeight
},
data: [{
uid: '1001', //开发者自定义的唯一标识
imgPath: 'widget://res/img/apicloud.png',
title: '标题',
subTitle: '子标题,说明文字',
remark: '备注',
icon: ''
},{
imgPath: 'widget://res/img/apicloud.png',
title: '标题',
subTitle: '子标题,说明文字',
remark: '备注',
icon: ''
},{
imgPath: 'widget://res/img/apicloud.png',
title: '标题',
subTitle: '子标题,说明文字',
remark: '备注',
icon: ''
},{
imgPath: 'widget://res/img/apicloud.png',
title: '标题',
subTitle: '子标题,说明文字',
remark: '备注',
icon: ''
},{
imgPath: 'widget://res/img/apicloud.png',
title: '标题',
subTitle: '子标题,说明文字',
remark: '备注',
icon: ''
},{
imgPath: 'widget://res/img/apicloud.png',
title: '标题',
subTitle: '子标题,说明文字',
remark: '备注',
icon: ''
}],
rightBtns: [{
bgColor: '#388e8e',
activeBgColor: '',
width: 70,
title: '按钮',
titleSize: 12,
titleColor: '#fff',
icon: '',
iconWidth: 20
}],
styles: {
borderColor: '#696969',
item: {
bgColor: '#AFEEEE',
activeBgColor: '#F5F5F5',
height: 55.0,
imgWidth: 40,
imgHeight: 40,
placeholderImg: '',
titleSize: 12.0,
titleColor: '#000',
subTitleSize: 12.0,
subTitleColor: '#000',
remarkColor: '#000',
remarkSize: 16,
remarkIconWidth: 30
}
},
fixedOn: api.frameName
}, function( ret, err ){
if( ret ){
alert( JSON.stringify( ret ) );
UIListView.setRefreshHeader({
loadingImg: 'widget://res/UIListView_arrow.png',
bgColor: '#F5F5F5',
textColor: '#8E8E8E',
textDown: '下拉可以刷新...',
textUp: '松开开始刷新...',
showTime: true
},function( ret, err ){
if( ret ){
alert( JSON.stringify( ret ) );
UIListView.insertItem({
index: 0,
data: {
imgPath: 'http://d.hiphotos.baidu.com/image/pic/item/4d086e061d950a7b29a788c209d162d9f2d3c922.jpg',
title: '12:00',
subTitle: 'APICloud粉丝互动会',
remark: '完成'
}
},function( ret, err ){
if( ret ){
alert( JSON.stringify( ret ) );
}else{
alert( JSON.stringify( err ) );
}
});
}else{
alert( JSON.stringify( err ) );
}
UIListView.reloadData({}); //收起下拉刷新
});
UIListView.setRefreshFooter({
loadingImg: 'widget://res/UIListView_arrow.png',
bgColor: '#F5F5F5',
textColor: '#8E8E8E',
textUp: '上拉加载更多...',
textDown: '松开开始加载...',
showTime: true
},function( ret, err ){
if( ret ){
alert( JSON.stringify( ret ) );
UIListView.appendData({
data: [{
imgPath: 'http://d.hiphotos.baidu.com/image/pic/item/4d086e061d950a7b29a788c209d162d9f2d3c922.jpg',
title: '新增标题',
subTitle: '新增子标题',
remark: '新增备注'
}]
},function( ret, err ){
if( ret ){
alert( JSON.stringify( ret ) );
}else{
alert( JSON.stringify( err ) );
}
});
}else{
alert( JSON.stringify( err ) );
}
});
}else{
alert( JSON.stringify( err ) );
}
});
}