如何在 dxlist 中使文本动态化

Question

我在 ajax 中使用 devextreme dxlist。我想动态地使用 dxlist 文本。所以文本不应该经常固定。我可以使用 ajax 中的变量文本进行动态化，但是如何在 html 中使用 js 变量。我有下面的代码。如何使文本动态化？

Html代码

 <div  data-bind="dxList: { dataSource: dataSource,pullRefreshEnabled:true}">
 <div  data-options="dxTemplate : { name: 'item' } ">
 <div  data-bind="**text: UserName"**></div></div></div>//This text is dynamic

Answer 1

据我了解，您需要用 ko.observable(); 包装每个数据源项目。您可以使用 dataSource.map 选项来执行此操作：

dataSource: {
    store: [/* your data */],
    map: function(item, index) {
        return {
            name: ko.observable(item.name),
            age: ko.observable(item.age)
        };
    }
}

接下来，您可以将这些可观察值用作文本框值：

<div data-options="dxTemplate : { name: 'name-template' } ">
    <div data-bind="dxTextBox: { value: name }"></div>
</div>

在this sample中我使用了两个数组（names和ages）来存储与列表连接的数据。

我还使用两个模板 'name-template' 和 'age-template' 来显示列表中的特定数据字段。

希望这些信息对您有所帮助。

如何在 dxlist 中使文本动态化

How can I make Text dynamic in dxlist

ajax

jquery

devextreme