如何在dxlist中使Text动态化

时间:2017-01-21 07:10:22

标签: jquery ajax devextreme

我正在使用带有ajax的devextreme dxlist。我想动态使用dxlist文本。所以文字不应该不断修复。我可以使用带有ajax的变量文本动态,但是如何在html中使用js变量。我的代码如下。如何使Text动态化?

Html代码

<bean id="myLookUp" class="org.springframework.beans.factory.config.PropertiesFactoryBean">
   <property name="ignoreResourceNotFound"><value>true</value></property>
   <property name="locations">
      <list>
        <value>classpath:myLookUp.properties</value>
      </list>
   </property>
</bean> 

1 个答案:

答案 0 :(得分:1)

据我了解,您需要使用ko.observable();包装每个dataSource项。您可以使用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中,我使用两个数组(namesages)来存储与列表相关联的数据。

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

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