TWebDBResponsiveGrid ItemTemplate

WEB TMS WEB Core
1

Hi,

How do I add a button to the template with an onclick event. Preferably this should use a material glyph.

Thanks,

Ken

2

Did you check:

3

Ah, thanks.

4

The onclick event is never fired using it the code below. Instead the underlying item is focused.

  gArtwork.Options.ItemTemplate:='<div style="width:300px;height:200px;" class="text-center">'+
    '<img draggable="false" ondragstart="return false;" style="width:auto;max-width:300px;'+
    'height:200px;padding:10px 0px 2px 6px;" src="data:image/jpg;base64,(%Img%)">'+
    '<span style="float:right"><button id="btnEdit">Edit</button></span>'+
    '</div>'+
    '<div style="margin:0px 12px 0px 12px">(%Title%)'+
    '<span style="float:right">(%ImgOrder%)</span>'+
    '</div>';
  btnEdit:=TWebButton.Create('btnEdit');
  btnEdit.OnClick:=btnEditClick;
5

Is one such button created? Multiple buttons?
If multiple, this can't work as you map different buttons on the same id. Id's should be unique as shown in the blog article.

6

I only have one template and one button created but this is a DB Responsive grid which can have any number of records.

7

I have no idea as I do not have the complete scope of your project.
I suggest to compare with the project demonstrated in the blog article.

8

This does work:

<span style="float:right"><button onclick="pas.MainFrm.MainForm.btnEditClick()">Edit</button></span>

9

And even better:

<span class="material-icons" style="float:right;font-size:36px;color:black;" onclick="pas.MainFrm.MainForm.btnEditClick()">edit</span>

1 Like