Javascript 如何使用sapui5解析json
我目前正在解析json并使用sapui5在表控件中显示数据,但我无法解析内部对象值 代码:Javascript 如何使用sapui5解析json,javascript,jquery,html,sapui5,Javascript,Jquery,Html,Sapui5,我目前正在解析json并使用sapui5在表控件中显示数据,但我无法解析内部对象值 代码: 表格示例 //创建DataTable控件 var oTable=new sap.ui.table.table({editable:true}); //定义表列 var oControl=new sap.ui.commons.TextView({text:{comments/data/from/username}});//短绑定表示法 addColumn(新的sap.ui.table.Column({la
表格示例
//创建DataTable控件
var oTable=new sap.ui.table.table({editable:true});
//定义表列
var oControl=new sap.ui.commons.TextView({text:{comments/data/from/username}});//短绑定表示法
addColumn(新的sap.ui.table.Column({label:new sap.ui.commons.label({text:“Group”}),模板:oControl}));
var oControl=new sap.ui.commons.TextView({text:{comments/data/from/id}});//短绑定表示法
addColumn(新的sap.ui.table.Column({label:new sap.ui.commons.label({text:“Group text”}),模板:oControl}));
var oModel=new sap.ui.model.json.JSONModel();
变量aData=
jQuery.ajax({
url:“https://api.instagram.com/v1/media/popular?client_id=d6ff37e000de4fc7882e4e5fccfff236“,//对于不同的服务器,需要处理跨域限制
数据类型:“json”,
成功:函数(data,textStatus,jqXHR){//在收到数据时调用回调
var JsonData=数据;
setData(JsonData);//将接收到的数据填入JSONModel
警报(“斯巴达”);
},
错误:函数(jqXHR、textStatus、errorshown){
警报(“错误”);
}
});
//创建一个JSONModel,填充数据并将表绑定到此模型
//oModel.setData(aData);
setModel(oModel);
oTable.bindRows(“/data”);
//最后将表放入UI中
可旋转。放置在(“内容”);
如何获取内部元素值,如用户名和id等
var oControl = new sap.ui.commons.TextView().bindProperty("text", "user/usernme");
oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "User Name"}), template: oControl}));
var oControl = new sap.ui.commons.TextView().bindProperty("text", "user/id");
oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "UserID"}), template: oControl}));
您可以使用它获取该模型的数据,然后可以循环使用数据或解析数据。您还可以告诉我如何将过滤器应用于JSon模型吗。有什么想法吗?你可以看一下这份简短的文件。JSONModel是数据的集合,您可以对其进行过滤,也可以在进行数据绑定时设置过滤器,这完全取决于需求。
var oControl = new sap.ui.commons.TextView().bindProperty("text", "user/usernme");
oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "User Name"}), template: oControl}));
var oControl = new sap.ui.commons.TextView().bindProperty("text", "user/id");
oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "UserID"}), template: oControl}));
var arr = oModel.getData();