应用程序项目" />

虚拟主机_便宜的虚拟主机哪里有_最新活动

国际 虚拟云 浏览

小编:大家好, 本博客展示了在Sap UI5中使用本地json模型的步骤。 使用的工具: 步骤1:在Eclipse中创建Sap UI5应用程序项目 ,文件–>新建–>其他并选择"SAP UI5应用程序开发"–>应用程序项目

虚拟主机_便宜的虚拟主机哪里有_最新活动

大家好,

本博客展示了在Sap UI5中使用本地json模型的步骤。

使用的工具:

步骤1:在Eclipse中创建Sap UI5应用程序项目

,文件–>新建–>其他并选择"SAP UI5应用程序开发"–>应用程序项目并单击下一步按钮。

提供项目名称并单击下一步按钮。

第2步:创建文件夹Json和文件

然后提供视图名称并单击完成。

然后选择项目JsonDemo并创建新文件夹文件夹使用上下文向导

在项目JsonDemo的Web内容目录中创建一个名为"JSON"的新文件夹

创建一个名为项目.json在json文件夹下

第三步:将以下内容添加到json文件中

{

"Item":[

{

"Manufacturer":"Microsoft",

"Type":"Optical Mouse",

"价格":300

},

{

"制造商":"Intex","类型":"笔记本鼠标","价格":200

},

{

"制造商":"Iball","类型":"传统鼠标","价格":150

},云分销,

{

"制造商":"Dell","类型":"游戏鼠标","价格":400

},

{

"制造商":"Logitech","类型":"无线鼠标","价格":500

},

{

"制造商":"HP",

"类型":"光学鼠标",

"价格":300

}

]

}

在中实现以下代码JsonDemo.view视图在createcontent方法下。

//创建JSON模型实例

var oModel=newsap.ui.model模型.json.JSONModel文件();

//在模型中加载JSON

oModel.loadData文件("json/项目.json");

//创建表控件实例

var oTable=新建sap.ui.table表.Table({

title:"Computer Accessories",

visibleRowCount:6,

firstVisibleRow:0

});

//第一列"Manufacturer"

oTable.addColumn(新建)sap.ui.table表.列({

标签:新建)sap.ui.commons.Label({

文本:"Make"

}),

模板:新建sap.ui.commons.TextView().bindProperty("text",

"Manufacturer"),

width:"100px"

});

//第二列"Type"

oTable.addColumn(新建)sap.ui.table表.列({

标签:新建)sap.ui.commons.Label({

text:"Model"

}),

模板:新建sap.ui.commons.TextView().bindProperty("文本",

"类型"),

宽度:"100px"

});

//第三栏"价格"

oTable.addColumn(新建)sap.ui.table表.列({

标签:新建)sap.ui.commons.Label({

text:"Amount"

}),

模板:新建sap.ui.commons.TextView().bindProperty("text",

"Price"),专属云服务器,

width:"100px"

});

//Bind model to table control

oTable.setModel(oModel);

oTable.bindRows行("/项");

可旋转.placeAt("内容");

记住要包括库"sap.ui.table表"在索引.html

右键单击索引.html选择"在服务器上运行"选项

结果:

初学者的好文档

简单而漂亮的教程

非常好的文章,上云,简单而有用的

漂亮的教程…

值得&感谢您提供这些有用的信息!

好的文件abdul,继续发布。

简单说明性的帖子,谢谢。

嗨abdul,

首先感谢分享您的信息。

我只是想知道,

如何在本地JSON表中添加、删除和升级记录?

请给我您的输入。

问候,

VREDDY

嗨,VREDDY,

您可以使用下面的代码从表中删除一行

新建sap.ui.commons.按钮({文本:"删除",按:函数(oEvent){

var selectedIndex=oTable.getSelectedIndex();

如果(选择索引!=-1){

var selectedRowContext=oEvent.getParameters文件().rowContext;

变量数据=oEvent.getSource文件().getModel().getProperty("/modelData");

可测试数据.splice(selectedIndex,云服务器缺点,1);

oTable.getModel().setData({modelData:tentabledata});

oTable.SETSELECTED索引(-1);

希望这有帮助!

干杯

Pandu

亲爱的VREDDY,

您可以以数组的形式检索项目并更改它,然后将其再次设置为json模型:

var items=oModel.getProperty属性("/items");

var itemEntity=

{

"制造商":"东芝","型号":"电视","价格":500

};

项目.推送(项目实体);

oModel.setProperty属性("/items",items);

你好,abdull,

谢谢分享这份文件,我复制了同样的文件,但我的桌子是空的,你能帮我

问候

戈瓦丹·拉吉

嗨,云主机试用,戈瓦丹,

记得补充:sap.ui.table表在索引html中

请检查本地json名称(区分大小写)

oTable.setModel(oModel);

oTable.bindRows行("/项");

尝试在google chrome中打开web应用预览url,打开开发者工具,检查错误并分享截图。

谢谢

Abdul Rahman

嗨Abdul,

好文章。

继续发布更多。

问候,

Saga

嗨Abdul,

简单有用的文章。感谢分享您的信息。

问候,

吉塔

你好,阿卜杜勒,

文章不错。非常有用。感谢分享。

问候,

Karthikeyan JNG

文章不错。感谢分享。

但是我想再次更新/修改表格…然后再次为模型设置新数据…表格必须用这些新值更改

嗨,

谁能告诉我,如何将类似的数据绑定到列表框。

它的紧急。请如果我想在textview而不是table中获取数据,请帮助

Abdul。我怎样才能做到呢?

请与您的问题建立一个讨论。在博客中添加评论不是提问的合适工具,除非是澄清部分内容。

问候,Mike(主持人)

SAP Technology RIG

简短,简单,简单。

谢谢

--PavanG

嗨Abdul,

yiu能告诉我json模型如何在实时项目中从数据库中获取数据吗

嗨,abdul,

非常好的文章你能帮我回答一个问题吗?

我们可以将这个本地json用于splitapp吗?

文章来源:www.vmchk.com

 
你可能喜欢的: