Rust and StandardTableView : capture selected row

[christiansavels]

Hello,

I'm discovering Slint 1.0.2 with Rust 1.69, I really like this gui but I have a constraint.
My application uses tables to select items.
I manage to build the table with StandardTableView but I can't retrieve the selected row.
Could you give me a clue or should I consider generating a pseudo table with a grid?

I feed the table with the 'place_searched_users' method (data from database):

fn place_searched_users(ui: App)
{
    let ui_thread = ui.as_weak();
    thread::spawn(move || { 
        let ui = ui_thread.clone();
        let do_it = slint::invoke_from_event_loop(move || {
            let ui = ui.unwrap();
            let searched: String = ui.get_searched_user().to_string();
            let users = get_users( searched); // Vec<Person>
            let row_data: Rc<VecModel<slint::ModelRc<StandardListViewItem>>> = Rc::new(VecModel::default());

           // for u in users {
            for (index, u) in users.iter().enumerate() {
                let items = Rc::new(VecModel::default());
                let lastname = StandardListViewItem::from(slint::format!("{}", u.lastname));
                let firstname = StandardListViewItem::from(slint::format!("{}", u.firstname));
                let mail = StandardListViewItem::from(slint::format!("{}", u.email));
                let city = StandardListViewItem::from(slint::format!("{} {}", u.address.zip, u.address.city));

                items.push(lastname.clone().into());
                items.push(firstname.clone().into());
                items.push(mail.clone().into());
                items.push(city.clone().into());

                row_data.push(items.clone().into());
            }

            ui.global::<TableViewPageAdapter>().set_row_data(row_data.clone().into());
        });

        match do_it {
            Ok(_) => {
                println!("Done...");
            },
            Err(e) => {
                eprintln!("{:?}", e);
            }
        };
    });
}

pub struct Person {
   #[serde(rename = "_id", skip_serializing_if = "Option::is_none")]
   pub id: Option<bson::oid::ObjectId>,
   pub firstname: String,
   pub lastname: String,                                                                                                  
   pub email: String,
   pub password: String,
   pub address: Address,
}

The slint file for the table :

import { GroupBox, AboutSlint, StandardTableView, HorizontalBox, VerticalBox, Button, LineEdit  } from "std-widgets.slint";

export component UsersBox inherits StandardTableView {    
    vertical-stretch: 0;

    sort-ascending(index) => {
        TableViewPageAdapter.sort_ascending(index);
    }

    sort-descending(index) => {
        TableViewPageAdapter.sort-descending(index);
    } 
    
    columns: [
        { title: "Nom" },
        { title: "Prénom" },
        { title: "Mail" },
        { title: "Ville" },
    ];

    rows: TableViewPageAdapter.row_data;
}

export global TableViewPageAdapter {
    
    callback sort_ascending(int);
    callback sort_descending(int);
    
    in-out property <[[StandardListViewItem]]> row_data: [
        [ { text: "Item 1.1", clicked : {} }, { text: "Item 1.2" }, { text: "Item 1.3" }, { text: "Item 1.4" }, ],
        [ { text: "Item 2.1" }, { text: "Item 2.2" }, { text: "Item 2.3" }, { text: "Item 2.4" } ],
        [ { text: "Item 3.1" }, { text: "Item 3.2" }, { text: "Item 3.3" }, { text: "Item 3.4" }, ],
        [ { text: "Item 4.1" }, { text: "Item 4.2" }, { text: "Item 4.3" }, { text: "Item 4.4" }, ],
        [ { text: "Item 5.1" }, { text: "Item 5.2" }, { text: "Item 5.3" }, { text: "Item 5.4" }, ],
        [ { text: "Item 6.1" }, { text: "Item 6.2" }, { text: "Item 6.3" }, { text: "Item 6.4" }, ],
    ];
}

Thank you in advance.

[FloVanGH]

Hello,

thank you for your feedback. Row selection is not yet implemented for the StandardTableView. But I will start with the implementation this week.

[christiansavels]

That's great news, too bad I have to finish my app in less than two weeks.

I'll be following your developments as I'm thinking of using Slint for all my future applications, I think your work is great and this ui concept is simply brilliant and easy once you understand how it works.

All the best.

[FloVanGH]

Thank you for the kind words :-). I'm glad you enjoy Slint and you want to use it also in the future. My PR to implement row selection is not ready #2831. I'll give you an update after it is merged. Otherwise if you need to do it by yourself you can check the custom TableView recipe in the documentation https://slint-ui.com/releases/1.0.2/docs/slint/src/recipes/recipes#custom-table-view.

[christiansavels]

To help me out,

I've used a "VerticalLayout" with "Rectangle" & "TouchArea", and it works pretty well.

[FloVanGH]

I'm glad you found a solution. I think the PR will be merged today, so you can use it next time ;-).

[FloVanGH]

The PR is merged. I will close the discussion now.