Re: [xwiki-users] Javascript Extension going wrong

8 Nov 2016

      Hi,

Nobody here who can help me fix the Javascript Extension?

Regards,
Dennis

2016-11-04 14:18 GMT+01:00 D R <[email protected]>:
...
Hi community,
I'm having a hard time getting a Javascript Extension for an
AppWithinMinutes livetable to work.
I have several livetable "enhancements" in it like changing background
color per field value which work properly.
As a reference I've used the example:
http://snippets.xwiki.org/xwiki/bin/view/Extension/Background+color+for+a+
livetable
Now I want to change the display of the value of a specific column, for
example to display an image or a button next to the value. This works only
for the last column in the livetable. All other rows look strange.
Example:
The simplified code:
```
document.observe("xwiki:livetable:newrow", function(ev){
  $$('.sTxtUser').each(function(element){
    var content = element.innerText;
    if(content === undefined){
      content = element.textContent;
    }
    element.replace('<td class="sTxtUser link typetext"
data-title="Username">"' + content + '"</td>')
  });
});
```
I have 3 documents for the application with the following values for field
sTxtUser :
testuser1
test12345
anotheruser1
Using the above extension renders the livetable cells like this:
"""anotheruser1"""
""test12345""
"testuser1"
If I change the sort order:
"""testuser1"""
""test12345""
"anotheruser1"
So only the last row shows the desired output.
What am I doing wrong?
Regards,
Dennis