0

我正在尝试为不同的数据实现多个项目模板。我的 xml 看起来像这样

<lv:RadListView row="1" items="{{ list_data }}"
                itemTemplateSelector="{{ templateSelector }}">

                <lv:RadListView.itemTemplate>
                    <GridLayout rows="*,*" columns="*,auto" margin="15">
                        <Label row="0" col="0" text="{{ name }}"
                            textWrap="true" />
                        <Label row="1" col="0" text="{{ age }}"
                            textWrap="true" />
                        <Label rowSpan="2" col="1" text="{{ duration }}"
                            textWrap="true" />
                    </GridLayout>
                </lv:RadListView.itemTemplate>

                <lv:RadListView.itemTemplates>
                    <template key="break">
                        <GridLayout rows="*" columns="*,auto" margin="15"
                            backgroundColor="green">
                            <Label row="0" col="0" text="break"
                                textWrap="true" />
                            <Label rowSpan="2" col="1" text="{{ duration }}"
                                textWrap="true" />
                        </GridLayout>
                    </template>
                </lv:RadListView.itemTemplates>

            </lv:RadListView>

在视图模型上

 var count = 1;
  var viewModel = observableModule.fromObject({
    list_data: [{ template: "default", name: "crunches", age: "X 30", duration: "45 sec" },
    { template: "break" },
    { template: "default", name: "situp", age: "X 30", duration: "45 sec" },
    { template: "break" },
    { template: "default", name: "jumpingjack", age: "X 30", duration: "45 sec" },
    ],

    templateSelector: function name(args) {
      console.log(count++)
      return "break";
    },

这里 templateSelector 被调用了 20 次。我不知道它是如何工作的。我需要根据 list_data 中的模板更改模板。

这是完整的项目链接 https://play.nativescript.org/?template=play-js&id=cPzCkf

4

0 回答 0