More flexible versions of StandardListView and StandardTableView

[npwoods]

Do we ever envision a more flexible version of StandardListView and StandardTableView?

ListView is a very flexible way to created repeated UX, but it forces the user to implement everything (selection, sorting column views etc). Both StandardListView and StandardTableView provide very polished and localized experiences that provide all of this out of the box, but the problem is that they only support vanilla text specified in a StandardListViewItem

I think the ideal scenario would be that we could have something like StandardListView and StandardTableView that would provide heavy lifting for selection, localized UX out of the box, but would allow the developer to populate cells with their own Slint controls rather than using StandardListViewItem

An alternative to this approach would be to add additional fields to StandardListViewItem for things like icons, background imagery, text colors etc but even that would be very limiting in the long run.

[ogoffart]

We don't have a good solution for this yet.

One thing that we've been thinking of is to make widgets easier to implement by providing more "headless" building blocks. But I don't know what this would look like for list view or table view

[npwoods]

I suppose that I regard the ideal solution to be something that would look a lot like the existing Standard[List|Table]View from an external perspective, but with the cells drawn in a fashion that looks like a primitive ListView, perhaps something like below (shamelessly based the Slint demos):

SuperTableView {
    sort-ascending(index) => {
        root.sort-index = index;
        root.sort-ascending = true;
    }

    sort-descending(index) => {
        root.sort-index = index;
        root.sort-ascending = false;
    }

    columns: [
        { title: @tr("Header 1") },
        { title: @tr("Header 2") },
        { title: @tr("Header 3") },
        { title: @tr("Header 4") },
    ];

    for row in TableViewPageAdapter.row_data : SuperTableRow {
        for col in row: SuperTableCell {
            Image {
                width: 24px;
                source: @image-url("../../thumbsup.png");
            }
            Text {
                text: col.text;
            }
        }
     }

    rows: TableViewPageAdapter.filter_sort_model(TableViewPageAdapter.row_data, filter-edit.text, root.sort-index, root.sort-ascending);
}