Mobile TUnimDBListGrid (config new XTemplate with <img id src png OnClick) Add/Remove Border Around Image At Runtime

[andyhill]

With DeskTop UniHTMLFrame I could add this script and call it at runtime via AddJS:-

      '  function rotateImg(id) '+
      '  { '+
      '    var img = document.getElementById(id); '+
      '    if (!img) {return null} '+
      '    img.style.transform = "rotate(180deg)"; '+
      '  } '+
      '  function markImg(id) '+
      '  { '+
      '    var img = document.getElementById(id); '+
      '    if (!img) {return null} '+
      '    img.style.border = "3px solid red"; '+
      '  } '+
      '  function unMarkImg(id) '+
      '  { '+
      '    var img = document.getElementById(id); '+
      '    if (!img) {return null} '+
      '    img.style.border = "0px solid red"; '+
      '   } '+

UniSession.AddJS('markImg("Cart")');

QUESTION: How do I make this work inside a Mobile TUnimDBListGrid new XTemplate ?

 

 

[andyhill]

Sherzod, can you please show me how to add script functions to DBListGrid XTemplate <img tag OnClick

and how to call function via AddJS ?

Thanks

[Sherzod]

Hello,

Have you searched the forum for a solution?

[andyhill]

Yes, searching the forum and documentation is always the first thing I do.

I understand that Grids and XTemplates are not the common way developers go but it does allow for ones imagination to be realized.

I will soldier on ...