$(function () { pageContext.i18n.modTalk = 'moderation talk'; pageContext.i18n.replyToComment = 'Reply'; pageContext.i18n.modTalkEmpty = 'moderation talk is empty'; pageContext.url.getModTalk = "/comments/%25ID%25/listModTalk.json"; pageContext.url.possibleCommentRecipients = "/comments/%ID%/possibleRecipients.json"; pageContext.url.commentEdit = '/comments/%25ID%25/edit.html'; pageContext.url.commentView = '/comments/%ID%/view.html'; pageContext.i18n.commentVisibility = { 'full': 'Viewable by all users', 'op': 'Viewable by the original poster', 'mod': 'Viewable by moderators', 'opAndMod': 'Viewable by moderators and the original poster', 'other': 'Advanced visibility', 'dialogTitle': 'Comment visibility', 'selectGroups': 'Visible to groups', 'selectOther': 'Other recipients', 'selectOriginalPoster': 'Original poster', 'selectModerators': 'Moderators', 'selectAssignees': 'Asked to answer users' }; pageContext.i18n.commentMenuLabels = { 'comment-edit': 'comments.menu.edit', 'comment-delete': 'comments.menu.delete', 'comment-convert': 'comments.menu.convert' };pageContext.i18n.answer= { bestAnswer: 'Best Answer', controlBar : { accept: 'Accept', unaccept: 'Unaccept', acceptCommand: 'Accept this answer as correct', cancelAcceptedCommand: 'Remove this answers accepted status' } }; window.croles = { u: false, op: false, m: false, og: false, as: false, ag: false, dc: false, doc: false, eo: false, ea: false }; tools.init({ q: { e: false, ew: false, eo: false, r: false, ro: false, d: false, dow: false, fv: false, c: false, co: false, p: false, tm: false , ms: false, mos: false }, n: { f: false, vf: false, vfo: false, vr: false, vro: false, c: false, co: false, vu: false, vd: false, w: false, wo: false, l: false }, c: { e: false, eo: false, d: false, dow: false, ta: false, tao: false, l: false }, a: { e: false, ew: false, eo: false, d: false, dow: false, a: false, aoq: false, ao: false, tc: false, tco: false, p: false, tm: false }, pc: croles }, { tc: true, nsc: true }); commandUtils.initializeLabels(); }); Skip to Content
0

Applying CSS to cell of bound table.

Jun 19, 2017 at 04:20 PM

36

avatar image
Former Member

We are using sap.ui.table.Table in XML View and its bound to OData service.

<Table id="userData" rows="{/userData}">
<Column></Column>
</Table>

In the Init of the Controller.js

templateColumn.bindProperty("text","column1",function(cellValue){ 

var lv_comment = this.getTooltip().getContent()[0].getText(); 
if(lv_comment == null || lv_comment == "") 
       this.removeStyleClass("someStyle"); 
else 
       this.addStyleClass("someStyle"); return cellValue; }); 
oView.setModel(oModel);

This displays the table and the styles are not applied. As soon as we scroll the content, the style gets applied and works well. So the first set of rows that are displayed do not have style. Surprisingly, the below does not get any value for the first set of rows that are displayed and that is why the style does not get applied

this.getTooltip().getContent()[0].getText()

Have tried rerender of the table, columns.

In the console, we can see the calls to bindProperty are being made due to the missing value it does not work.

All the data is fetched at one go from OData model so there is nothing that is causing the missing value of the field text

Any idea what might be missing?

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

0 Answers