JSFiddle - React, Tailwind, and code Playground
JavaScript
sap.ui.controller("controller_name.page", {
models: {
messagesSearchResult: null
},
urls: {
searchMessages: "/XMII/Illuminator?QueryTemplate=PATH/TO/query&Content-Type=text/xml"
},
onInit: function() {
this.models.messagesSearchResult = new sap.ui.model.xml.XMLModel();
this.models.messagesSearchResult.attachRequestCompleted(this._dataLoadingFinished).attachRequestFailed(this._dataLoadingFinished).attachRequestSent(this._dataLoadingStarted);
},
searchMessages: function() {
var t = this.byId('searchResultTbl');
t.setModel(this.models.messagesSearchResult);
t.bindAggregation("rows",
{
path: "/Rowset/Row",
factory: $.proxy(this._addTableRows(this.models.messagesSearchResult), this)
});
this.models.messagesSearchResult.loadData(this.urls.searchMessages, {}}, false, "POST");
},
_addTableRows: function (oContext) {
var _this = this; // save handler _this to controller
var backgroundColor = '#fcdd82'; // define background-color for "problem" cells
var ConfRecColumn, SentRecColumn;
var TMP_REC;
// Compare this field with next.
// Bind property (CONF_REC) from XML-model to new TextField value and save it to temporary variable (TMP_REC).
// By jQuery set attribute readonly to true ($('#' + this.getId()).attr("readonly", true)).
// Set this TextField not editable (this.setEditable(false)).
var ConfRecColor = new sap.ui.commons.TextField().bindProperty("value", "CONF_REC", function(cellValue){
$('#' + this.getId()).attr("readonly", true);
this.setEditable(false);
_this.TMP_REC = cellValue;
return cellValue;
});
// Compare this field with previous and highlight if doesn't match.
// Bind property (SENT_REC) from XML-model to new TextField value and compare it with temporary variable (TMP_REC).
// By jQuery...