Jump to content

Building Mobile Listview with floating action button


Recommended Posts

Project: Unigui_Mobile_Listview.rar

Video: 

In this video tutorial you will learn how build listview with cards + floating action button. you will learn also how to use XTemplate with UniDBListGrid, how to use inline functions to generate customize view for every card based on a roles of your database.

ListView.gif.1fdae556965b5f13454d703c8d1d102d.gif

  • Like 9
Link to post
Share on other sites
  • 3 months later...
On 11/27/2020 at 5:48 PM, Kenneth said:

And how I know direction swipe left or right?

Hello,

One possible solution.

1. UnimDBListGrid1 -> ClientEvents -> UniEvents ->

function afterCreate(sender) 
{
    let me = sender;
    me.on('childswipe', function(a,b) {
        ajaxRequest(me, '_childswipe', ['direction=' + b.source.direction])
    });
}

2. UnimDBListGrid1 -> OnAjaxEvent ->

procedure TMainmForm.UnimDBListGrid1AjaxEvent(Sender: TComponent;
  EventName: string; Params: TUniStrings);
begin
  if EventName = '_childswipe' then
    ShowMessage(Params.Values['direction'])

end;

3. And don't use the OnSwipe event.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...