Question

我正在尝试在我的级联中使用自定义 ListItemComponent ，但它忽略了它。而不是绘制我的标签，将其着色为青色并将ListItemData.text放入其中，它用ListItemData.description填充我的列表（我的json有文本，描述，状态和图像）。 You can see screenshot here。如果我使用 StandardListItem ，则所有信息都会正确显示。

QML：

Page {
    Container {
        ListView {
            id: myListView
            dataModel: MyListModel {
                id: myListModel
            }
            listItemComponents: [
                ListItemComponent {
                    type: "listItem"

                    Container {
                        id:item
                        layout: StackLayout {
                            orientation: LayoutOrientation.LeftToRight
                        }
                        Label {
                            id: text
                            text: ListItemData.text
                            textStyle {
                                color: Color.Cyan
                            }
                        }
                    }
                }
            ]
        }
    }
    onCreationCompleted: {
        myListModel.load("app/native/assets/mydata.json")
    }
}

C ++：

void MyListModel::load(const QString& file_name)
{
    bb::data::JsonDataAccess jda;
    QVariantList lst = jda.load(file_name).value<QVariantList>();
    if (jda.hasError()) {
        bb::data::DataAccessError error = jda.error();
        qDebug() << file_name << "JSON loading error: " << error.errorType() << ": " << error.errorMessage();
    }
    else {
        qDebug() << file_name << "JSON data loaded OK!";
        append(lst);
    }
}

QVariant MyListModel::value(int ix, const QString &fld_name)
{
    QVariant ret;
    if(ix >= 0 && ix < size()) {
        QVariantMap curr_val = QVariantListDataModel::value(ix).toMap();
        ret = curr_val.value(fld_name);
    }
    return ret;
}

void MyListModel::setValue(int ix, const QString& fld_name, const QVariant& val)
{      
    if(ix >= 0 && ix < size()) { 
        QVariantMap curr_val = QVariantListDataModel::value(ix).value<QVariantMap>();
        curr_val[fld_name] = val;
        replace(ix, curr_val);
    }
}

Answer 1

这取决于您的DataModel实现/继承的类型。当ListView需要知道要显示的项目类型时，在大多数情况下（例外情况见ListItemTypeMapper），它会从DataModel调用itemType()。默认情况下，大多数数据模型将返回空字符串，但GroupDataModel将返回“标题”或“项目”，具体取决于项目是否为标题。

您已指定ListItemComponent仅对“listItem”类型的项目有效，该项目很可能与您MyListModel::itemType()返回的项目不匹配。如果MyListModel是GroupDataModel，则将ListItemComponent更改为type: "item"，否则请使用type: ""或完全删除type属性，以便默认情况下，您的ListItemComponent用于所有项目。

Answer 2

在ListItemComponent {}中，您有一个“type：”字段，您应该将值设置为“item”，即。的类型： “项目”即可。然后列表视图将使用自定义组件

ListView不使用自定义ListItemComponent

2 个答案: