javascript - 加载后更新 Sencha Touch 中的列表项

Question

我正在使用 Sencha Touch 制作一个网络移动应用程序。我对 EXTJS 的工作方式不是很熟悉。我这样设置我的列表:

sink.Structure = [{
        text: 'Name'
    },
    {
        text: '&nbsp;&nbsp;&nbsp;<?php echo $name; ?>'
    },
    {
        text: 'Friend'
    },
    {
        text: '&nbsp;&nbsp;&nbsp;<?php echo $friend; ?>'
    },
    {
        text: 'Shop'
    },
    {
        text: '&nbsp;&nbsp;&nbsp;<?php echo $shop; ?>'
    }];

            Ext.regModel('Demo', {
            fields: [
                {name: 'text',        type: 'string'},
                {name: 'source',      type: 'string'},
                {name: 'preventHide', type: 'boolean'},
                {name: 'animation'},
                {name: 'card'}
            ]
        });

        sink.StructureStore = new Ext.data.TreeStore({
            model: 'Demo',
            root: {
                items: sink.Structure
            },
            proxy: {
                type: 'ajax',
                reader: {
                    type: 'tree',
                    root: 'items'
                }
            }
        });

所以这完美地呈现了列表，正是我想要的，但是我如何更改回显 $name; 的行的值？

在初始加载时，我在 PHP 变量中有值，但如果用户更改它，我希望它更改此值。我需要重写整个结构吗？

在 Jquery 中，我可以只给元素一个 ID，然后改变它的 .html 内容。但我注意到我的列表项的结构方式没有任何可用于引用它的标识选择器。任何建议都会有所帮助，谢谢!

更新:所以我在这方面取得了一些进展，而不是在列表结构中回显 PHP 变量，我打印了一个名为 name 的 Javascript 变量，该变量最初设置为 PHP 变量。我也将 sink.Structure 设置放在一个函数中，该函数接受值然后应该重置它们，但事实并非如此。我已经尝试使函数包含 sink.StructureStore，因为它似乎是渲染列表的内容(也许？这是一个猜测)，也只是 sink.Structure 数组列表，但似乎没有任何影响已经设置的列表，请帮忙!

Answer 1

列表是数据绑定(bind)的。更新底层数据存储中的数据，绑定(bind)到数据存储的任何列表将自动更新其用户界面。