2022.2

Thecodeofthescriptreplacesthecontentsoftheelementwiththecurrentvalueofthedatafield:
var field = this.record.fields['ID'];
if (field) {
this.text(formatter.upperCase(field));
}
UnderOptions,thescopeofthescriptissettoEach matched element(see"Settingthescopeofa
script"onpage813).Thismeansthatinthecode,thisreferstotheelementthatmatchestheselector,
andthis.recordreferstothecurrent (nested) detail record(see"this"onpage1237).
Tip: Togetaccesstotherowinwhichthecellislocated,youcanusethis.parent().
Note: Ifyoubindtheelementtoadatafieldagainbyselectingitandthenselectingafieldfrom
theFielddrop-downontheAttributespane,thedata-scriptattributewillberemoved.
Example:Stylingarowbasedonavalueinadetailtable
Herearetwoscriptsthathavethesameeffect:ifinarow,thevalueofthefieldShippedis1,itcolors
thetextofthatrowgreen.
ThefirstscripttargetsacellinaDynamicTablerowthathasa[data-script='Shipped']attribute.The
scripthasitsscopesetto"Eachmatchedelement",soitcanusethis(see"this"onpage1237)to
accesstheselectedcellandthis.recordtoaccessthecurrentdetailrecord,withoutperformingany
loops.
Selector:table[data-script='Shipped'].
Scope:Eachmatchedelement
var field = this.record.fields['Shipped'];
if (field == 1)
this.parent().css('color', 'green');
Page 837