List of items with delete button

[Volk65]

How to make a list of "buttons" (as in the picture)?

So that it was a button + delete button (with a cross). To get a reaction to two events: 1. Pressed the main button, 2. Pressed the cross.
The list will be created dynamically at run time.

Is that possible?

[Hayri ASLAN]

Hi

Please assign an icon to button and set iconAlign to right.

with UniButton1, JSInterface do
   begin
     JSConfigObject('listeners','btnIconEl', [JSObject(['click', JSFunction('sender','ajaxRequest('+JSName+', "iconClick");')])]);
   end;

 

[Volk65]

Thanks, I will try

What is btnIconEl, and where is it defined?

[Volk65]

Shaytan! It works!
Thank you!

[Volk65]

Need clarification. When you click on the icon, two events are called sequentially: Button.AjaxEvent then Button.OnClick.
And in the OnClick event I can't understand what was pressed, the button or the icon.
Or I need two events in AjaxEvent, separately for the button and for the icon:

     JSConfigObject('listeners','btnIconEl', [JSObject(['click', JSFunction('sender','ajaxRequest('+JSName+', "iconClick");')])]);
     JSConfigObject('listeners','Button????', [JSObject(['click', JSFunction('sender','ajaxRequest('+JSName+', "buttonClick");')])]);

 

[Hayri ASLAN]

Hi

please check this

 

JSConfigObject('listeners','btnIconEl', [JSObject(['click', JSFunction('e','e.stopPropagation(); e.preventDefault();  ajaxRequest('+JSName+', "iconClick");')])]);

[Volk65]

Yes-s-s!!! Strike!

1 hour ago, Hayri ASLAN said:

JSConfigObject('listeners','btnIconEl', [JSObject(['click', JSFunction('e','e.stopPropagation(); e.preventDefault();  ajaxRequest('+JSName+', "iconClick");')])]);