如何在 NativeScript-Vue 中从 RadListView 更改“loadOnDemandItemTemplate”

Posted

技术标签:

【中文标题】如何在 NativeScript-Vue 中从 RadListView 更改“loadOnDemandItemTemplate”【英文标题】:How change the "loadOnDemandItemTemplate" from RadListView in NativeScript-Vue 【发布时间】:2019-07-06 15:52:53 【问题描述】:

我在RadListView Load on Demand 阅读了有关 Radlistview 的文档,但我不知道如何更改 NativeScript-Vue 中“loadOnDemandItemTemplate”的模板。

默认模板包含:“加载更多”和“加载中”标签。

<RadListView for="item in articles"
        layout="linear" 
        loadOnDemandMode="Manual" 
        @loadMoreDataRequested="onLoadMoreItemsRequested"
        @itemTap="onItemTap" >
    <v-template>
        <GridLayout>...</GridLayout>
    </v-template>

</RadListView>

我想更改 loadOnDemand 的默认模板。

谢谢

【问题讨论】:

我认为 Vue 尚不支持该功能,因此您可能必须使用核心 javascript 来执行此操作,监听加载的事件并将 loadOnDemandItemTemplate 设置为 nativeView 你能解释一下如何做到这一点吗?我试图改变属性,但什么也没有 【参考方案1】:

Here is a Playground Sample 你怎么能用 Vue 做到这一点。

       onLoaded: function(args) 
            var listView = args.object;
            listView.loadOnDemandMode = "Manual";
            listView.loadOnDemandItemTemplate = `<GridLayout  backgroundColor="red"></GridLayout>`;
        

但它仅适用于 iosandroid 为 known issue。

【讨论】:

谢谢,我在Android上部分解决了,更改Java类LoadOnDemand使用的String值 在哪里可以找到这个值?

以上是关于如何在 NativeScript-Vue 中从 RadListView 更改“loadOnDemandItemTemplate”的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Nativescript-Vue 中使用 nativescript-drawingpad?

如何更改 nativescript-vue 中的 RadDataForm 样式? (Nativescript-Vue)

Nativescript-vue:如何构建聊天模板

NativeScript-Vue:如何安装 BottomNavigation 组件

如何在 nativescript-vue 中渲染编写复杂的数学方程? [关闭]

如何在 Nativescript-vue 中以编程方式折叠 raddataform“组”