Accepted Solutions (1)
Failed to load error:
Hi,
As i see in your first screen, i am only able to see your index.html. There is no file of controller and views. This means it is not being loaded. This happens if there is some syntax errors in code or wrong returns.
There is some wrong code in your view or there is illegal return or may be your name is different of view.
It would be better to suggest if you share your code agter hiding the important one.
Regards
Dhananjay
Hi Dhanajay & Adem,
This is the piece of code that i have in my Index &View
Coding lines 1 -10 in View :
sap.ui.jsview("zhk_ui5_empcrud.EmpDetails", {
return "zhk_ui5_empcrud.EmpDetails"; },
Index Screen shot:
Please suggest .
Hi Dhananjay,
Please see the attached screen of my view. As other lines are irrelevant I am posting a screen shot of first few lines here .
I am point an arrow at the return statement to ask if this is the place where is causing the error?
Also please note that this project is not fully shared to the back end(SAP). Is that causing to stop show?
This is your whole code in view and it's working.
createContent : function(oController) {
var oPage = new sap.m.Page({ title : "Employee Details" }); // Table or Dashboard to show Employee Data
var oTable = new sap.m.Table({
// id : "Employees",
itemPress : [ oController.ItemPress, oController ],
columns : [
new sap.m.Column({
width: "1em",
header: new sap.m.Label({ text : "Emp ID" })
}),
new sap.m.Column({
width: "1em",
header: new sap.m.Label({ text : "Name" })
}),
new sap.m.Column({
width: "1em",
header: new sap.m.Label({ text : "Address" })
}),
new sap.m.Column({
width: "1em",
header: new sap.m.Label({ text : "Designation" })
}), ]
});
//Template to map the data to the respective column
var template = new sap.m.ColumnListItem({
id: "first_template",
type: "Navigation",
visible: true,
cells: [
new sap.m.Label("ID", {
text: "{Empid}"
}),
new sap.m.Label({
text: "{Empname}"
}),
new sap.m.Label({
text: "{Empadd}"
}),
new sap.m.Label({
text: "{Empdes}"
})
]
});
var oFilters = null;
oTable.bindItems("/results",template,null,oFilters);
oPage.addContent(oTable);
return oPage;
}
You have some irrelevant closing tags means ")" and this "})".
I have commented it.
• sap.ui.jsview("zhk_ui5_empcrud.EmpDetails", { • • /** Specifies the Controller belonging to this View. • * In the case that it is not implemented, or that "null" is returned, this View does not have a Controller. • * @memberOf zhk_ui5_empcrud.EmpDetails • */ • getControllerName : function() { • return "zhk_ui5_empcrud.EmpDetails"; • }, • • /** Is initially called once after the Controller has been instantiated. It is the place where the UI is constructed. • * Since the Controller is given to this method, its event handlers can be attached right away. • * @memberOf zhk_ui5_empcrud.EmpDetails • */
This will be code after this.
createContent : function(oController) {
var oPage = new sap.m.Page({
title : "Employee Details", });
// Table or Dashboard to show Employee Data •
var oTable = new sap.m.Table({
id : "Employees",
itemPress : [ oController.ItemPress,oController ],
columns : [
new sap.m.Column({
width: "1em",
header: new sap.m.Label({ text : "Emp ID" })
}),
new sap.m.Column({
width: "1em",
header: new sap.m.Label({ text : "Name" })
}),
new sap.m.Column({
width: "1em",
header: new sap.m.Label({ text : "Address" })
}),
new sap.m.Column({
width: "1em",
header: new sap.m.Label({
text : "Designation" })
}),
]
// }) // Comment This
// } // Comment This
});
//Template to map the data to the respective column
var template = new sap.m.ColumnListItem({
id: "first_template",
type: "Navigation",
visible: true,
cells: [
new sap.m.Label("ID", {
text: "{Empid}"
}),
new sap.m.Label({
text: "{Empname}"
}),
new sap.m.Label({
text: "{Empadd}"
}),
new sap.m.Label({
text: "{Empdes}"
})
]
});
var oFilters = null;
oTable.bindItems("/results",template,null,oFilters);
oPage.addContent(oTable);
return oPage;
// } // Comment This
}
});
I have commented the unwanted closing tags by // Comment This.
Just copy and paste this code in view after deleting everything after this.
• sap.ui.jsview("zhk_ui5_empcrud.EmpDetails", { • • /** Specifies the Controller belonging to this View. • * In the case that it is not implemented, or that "null" is returned, this View does not have a Controller. • * @memberOf zhk_ui5_empcrud.EmpDetails • */ • getControllerName : function() { • return "zhk_ui5_empcrud.EmpDetails"; • }, • • /** Is initially called once after the Controller has been instantiated. It is the place where the UI is constructed. • * Since the Controller is given to this method, its event handlers can be attached right away. • * @memberOf zhk_ui5_empcrud.EmpDetails • */
This is the attached screenshot.
Regards
Dhananjay
Answers (3)
| User | Count |
|---|---|
| 95 | |
| 13 | |
| 13 | |
| 11 | |
| 11 | |
| 7 | |
| 5 | |
| 5 | |
| 4 | |
| 4 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.