在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 ) );
}
});
}
...全文
757 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
清汤泡饭 2018-02-06
  • 打赏
  • 举报
回复
思路: 在页面渲染之前,利用控件的api,对数据源进行自定义处理; 在页面渲染之后,利用控件的api,对节点数据进行处理; 说白了,控件支持的话对控件进api调用处理,不支持的话,换个或者修改交互(产品小姐姐会同意,不存在的)。
无聊的上午 2018-02-06
  • 打赏
  • 举报
回复
在ajax成功函数里面循环生成组件并添加数据,最后追加到指定节点中去
机智的赵先生 2018-02-06
  • 打赏
  • 举报
回复
for循环ajax拿到的数据,循环中依次分类push到data的title和subTitle中不行吗
第1 章 JavaScript 基 础 1.1 关 于JavaScript 1.2 了 解JavaScript 1.3 World Wide Web 1.4 Web 应用程序结构 1.5 JavaScript 与VBScript 第2 章 JavaScript 与HTML 2.6 HTML 基 础 2.7 在HTML 文档嵌入JavaScript 2.8 编写JavaScript 脚本 第3 章 JavaScript 基本语法 3.9 JavaScript 基本数据结构 3.10 JavaScript 运算符和表达式 3.11 JavaScript 控制结构和循环 第4 章 Window 窗口对象 4.12 Window 窗口对象的属性 4.13 Window 窗口对象的方法 4.14 创建和关闭窗口 第5 章 document 对 象 5.15 document 对象的属性 5.16 document 对象的方法 第6 章 文 本 对 象 6.17 文本对象属性 6.18 文本对象的方法 6.19 文本对象的事件 6.20 文本区域对象 第7 章 按 钮 对 象 7.21 button submit reset 对 象 7.22 复选框对象 7.23 Radio 对 象 第8 章 选择和隐藏对象 8.24 select 对 象 8.25 隐 含 对 象 第9 章 location 对 象 9.26 hash 属 性 9.27 Href 属 性 9.28 pathname 属 性 9.29 Protocol 属 性 第10 章 history 对 象 第11 章 layer 对 象 11.30 layer 属 性 11.31 layer 对象的方法 11.32 JavaScript 操作层 第12 章 字符串对象 12.33 转 义 字 符 12.34 字符串对象的属性 12.35 字符串对象的方法 第13 章 日期对象 13.36 时间对象的属性 13.37 时间对象的设置 第14 章 数 学 对 象 14.38 math 对象的属性 14.39 math 对象的方法 第15 章 数 组 对 象 15.40 数组对象的创建 15.41 数组对象的扩充 15.42 对象类数组 第16 章 样式单实例 16.43 样式单的实用 16.44 样式单的定义 16.45 样式单的使用 第17 章 实用小程序 17.46 导 言 17.47 状态栏滚动信息 17.48 计算用户来访次数 17.49 散布页面的星星 17.50 永在顶端的图片 第18 章 JavaScript 语言的扩展 18.51 ActiveX 通 信 18.52 调用插入件 第19 章 网上购物系统 19.53 示 例 特 性 19.54 源 代 码 19.55 功 能 概 述 19.56 程 序 详 解 第20 章 2000 珍藏版 20.57 Cookie 入 门 20.58 实 例 特 性 20.59 程序源代码 20.60 功 能 概 述 20.61 程 序 详 解 第21 章 时 钟 日 历 21.62 示 例 特 性 21.63 源 代 码 21.64 功 能 概 述 21.65 程 序 详 解 第22 章 JavaScript 服务器端编程 22.66 预 备 知 识 22.67 实 例 学 习 22.68 功 能 概 述 22.69 脚 本 详 解 第23 章 网络安全性 23.70 安全性破坏的种类 23.71 安 全 服 务

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧