Error when using MII with SAPUI5

Read only

865

SAP Managed Tags
SAP Manufacturing Integration and Intelligence

I get the following error - "Unable to get value of the property 'getElementsByTagName':object is null or undefined

<!DOCTYPE HTML>
<HTML>
<HEAD>

<TITLE>SAPUI5 Projects Status - Applications</TITLE>

/* Define the table columns */

var oControl = new sap.ui.commons.TextView({text:"{Applications}"}); // short binding notation
oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Applications"}), template: oControl, sortProperty: "lastName", filterProperty: "lastName", width: "100px"}));
oControl = new sap.ui.commons.TextField().bindProperty("value", "PercentComplete"); // more verbose binding notationt
oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "PercentComplete"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));
oControl = new sap.ui.commons.TextField().bindProperty("value", "Date_Due"); // more verbose binding notationt
oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Date_Due"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));
oControl = new sap.ui.commons.TextField().bindProperty("value", "Testing_Due"); // more verbose binding notationt
oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Testing_Due"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));

/* Define the JSON model */
var oModel = new sap.ui.model.json.JSONModel();
oModel.setData({modelData: aData});
/* Connect the data table to the JSON model */
oTable.setModel(oModel);
oTable.bindRows("modelData");
oTable.placeAt("content");

/* Function to save the updated data in the grid.*/
function updateData() {
/* get the selected row context and using the context read the required values from the selected row*/
var selRowContext = oTable.getContextByIndex(oTable.getSelectedIndex());
var selectedId = oModel.getProperty("giid", selRowContext);
var selectedApp = oModel.getProperty("application", selRowContext);
var selectedDate = oModel.getProperty("datedue", selRowContext);
document.icmd_common.setQueryTemplate("ProjectsStatus/MDO_Transactions/Projects_MDO_Select");
var commCommandQueryTemplate = document.icmd_common.getQueryObject();
commCommandQueryTemplate.setParam(1, selectedApplications);
commCommandQueryTemplate.setParam(2,selectedPercentComplete);
commCommandQueryTemplate.setParam(3, selectedDate_Due);
commCommandQueryTemplate.setParam(4, selectedTesting_Due);
document.icmd_common.executeCommand();
/* Display a success message */
sap.ui.commons.MessageBox.alert("Actual quantity updated successfully."); }

</script>

</head>
<body class='sapUiBody'>
<h><b>Applications</b></h><br><br>
<table style="width:100%">
<div id='content1'></div>
</table> <br><br><br>
</body>
<body class='sapUiBody'>
<h><b>Applications Changes</b></h><br><br>
<table style="width:100%">
<div id='content2'></div>
</table><br><br><br>
</body>
<body class='sapUiBody'>
<h><b>Infrastructure Changes</b></h><br><br>
<table style="width:100%">
<div id='content3'></div>
</table><br><br><br>

</body>

</html>

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Accepted Solutions (0)

Answers (1)

It seems below statement do not hold any value . Verify if Row[0].firstChild is mapped correctly and you are getting some value from this object.

xmlDOM.getElementsByTagName("Row")[0].firstChild.

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

I changed the code a little. Where I am trying to bind the table data. I have 3 tables in one page.

I am only testing the first table.

When I try to bind it - it gives "no data" error - yet it displays the column names.

<!DOCTYPE HTML>

<HTML>

<HEAD>

<TITLE>SAPUI5 Projects Status - Applications</TITLE>

<SCRIPT type="text/javascript" src="/XMII/JavaScript/bootstrap.js" data-libs="i5Chart,i5Grid"

type="text/javascript" src="/sapui5/resources/sap-ui-core.js" data-sap-ui-theme="sap_goldreflection"

data-sap-ui-libs="sap.ui.core,sap.ui.commons,sap.ui.commons,sap.ui.table">

</SCRIPT>

function PageLoad()

{

GetMDoData();

}

// create the DataTable control

var oTable = new sap.ui.table.Table({editable:true});

// define the Table columns

var oControl = new sap.ui.commons.TextView({text:"{Applications}"}); // short binding notation

oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Applications"}), template: oControl, sortProperty: "lastName", filterProperty: "lastName", width: "100px"}));

oControl = new sap.ui.commons.TextField().bindProperty("value", "PercentComplete"); // more verbose binding notationt

oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "PercentComplete"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));

oControl = new sap.ui.commons.TextField().bindProperty("value", "Date_Due"); // more verbose binding notationt

oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Date_Due"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));

oControl = new sap.ui.commons.TextField().bindProperty("value", "Testing_Due"); // more verbose binding notationt

oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Testing_Due"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));

// create some local data

var aData = [

{Applications: "WVL BOD 9212", PercentComplete: "75", Date_Due: "6/16/2014", Testing_Due: "6/23/2014" },

{Applications: "WVL BOD 9211", PercentComplete: "75", Date_Due: "6/16/2014", Testing_Due: "6/24/2014" },

{Applications: "WVL BOD 3303", PercentComplete: "75", Date_Due: "6/16/2016", Testing_Due: "6/25/2014" },

{Applications: "ETW BOD 3304", PercentComplete: "75", Date_Due: "6/16/2014", Testing_Due: "6/26/2014" },

{Applications: "CLE BOD 1902", PercentComplete: "75", Date_Due: "6/16/2014", Testing_Due: "6/27/2014" },

{Applications: "ISO HAZ", PercentComplete: "80", Date_Due: "6/1/2014", Testing_Due: "6/8/2014" },

{Applications: "ISO CWO", PercentComplete: "80", Date_Due: "6/01/2014", Testing_Due: "6/8/2014" },

{Applications: "WVL 3 Stream ", PercentComplete: "60", Date_Due: "6/29/2014", Testing_Due: "" },

{Applications: "ISO Integration", PercentComplete: "10", Date_Due: "6/1/2014", Testing_Due: "6/8/2014" },

{Applications: "WVL 7 QM Charts", PercentComplete: "15", Date_Due: "6/15/2014", Testing_Due: "" },

{Applications: "SCB PCO", PercentComplete: "100", Date_Due: "?", Testing_Due: "" },

{Applications: "SCB Top Chart ", PercentComplete: "10", Date_Due: "5/20/2014", Testing_Due: "" },

{Applications: "Project Status", PercentComplete: "25", Date_Due: "7/25/2014", Testing_Due: "" },

{Applications: "WVL LOI", PercentComplete: "100", Date_Due: "4/20/2014", Testing_Due: ""},

{Applications: "DSS (HTML5)", PercentComplete: "100", Date_Due: "3/31/2013", Testing_Due: ""},

{Applications: "ETW 3304 BOD Pilot",PercentComplete: "100", Date_Due: "11/16/2013", Testing_Due: ""},

{Applications: "HTMl 5 Table Tools",PercentComplete: "100", Date_Due: "2/12/2014", Testing_Due: ""},

{Applications: "ISO JAX",PercentComplete: "100", Date_Due: "7/31/2013", Testing_Due: ""},

{Applications: "ISO FEN",PercentComplete: "100", Date_Due: "1/10/2014", Testing_Due: ""},

{Applications: "WVL QM Display",PercentComplete: "100", Date_Due: "2/12/2014", Testing_Due: ""},

];

/* =================================== */

/* Obtain Json object filled with Data* <<<<<< This is where it shows "no data" in the table

/* =================================== */

var xmlHttp = new XMLHttpRequest();

var xmlDom;

xmlHttp.open( "GET", "/XMII/Runner?Transaction=ProjectsStatus/Transactions/ProjectsStatus&OutputParameter=JSONData&Content-Type=text/xml", false );

xmlHttp.send();

xmlDom= xmlHttp.responseXML;

// create a JSONModel, fill in the data and bind the Table to this model

var oModel = new sap.ui.model.json.JSONModel();

oModel.setData({modelData: xmlDom});

oTable.setModel(oModel);

oTable.bindRows("/modelData");

// finally place the Table into the UI

oTable.placeAt("content1");