加载后在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设置放入一个函数中，该函数接受值，然后应该将其重置，但事实并非如此。 我试图使函数包括接收器.structureStore，因为似乎这是呈现列表的内容（也许吗？这是一个猜测），也只是接收器。结构数组列表，但似乎没有什么影响已经设置的列表， 请帮忙！

Answer 1

列表是数据绑定的。 更新基础数据存储中的数据，绑定到该数据存储的任何列表都将自动更新其用户界面。

Answer 2

1. 您必须使用新值更新Data.Store。
2. YourList.bindStore（YourStore）;
3. 第二行代码自动填充列表。

Answer 3

我不得不说，我对Sencha Touch的工作方式感到失望，它似乎是在第一次加载时就渲染了列表，因此无法重新渲染，因为它动态创建了所有带有“ x-list-item”类的div。 ”。 我尝试了许多方法来摆脱列表并重新创建一个新列表，但无济于事。

我设法使它起作用的唯一方法是，将div标签放入具有ID的list元素内，然后使用JQuery选择元素并更改其html。 这是我使用Sencha Touch开发的第一个应用程序，希望它是最后一个。

我们这样做的唯一原因是因为它与Android兼容，但是在Android Emulator（2.2）上加载该应用程序后，所有页面翻转动画都无法正常工作！ 另外，在Nexus One上进行了测试，它的加载速度更快，但没有幻灯片切换。 尽管Sencha还有更多功能，但对于Web移动应用程序，我当然更喜欢JQTouch。 对不起，只好把它从我的胸口拿走：)