EXTJS，如何使用 PHP 创建的 JSON 数据为 XTemplate 创建数据

Question

我有一个包含 JSON 类型数据的 php 变量。

$list = [{"id":"10","first_name":"first","mi_name":"","last_name":"last","nick_name":"HH"}];

我需要使用 EXT-JS XTemplate 的日期。

我尝试了这个方法，

var myStore = <?php echo $list; ?>;

var myTpl = new Ext.XTemplate(
    "<div style='text-align:center'>",
    '<tpl for=".">',
        '<p> No : {#}</p>',
        '<p>{first_name} {$last Name}</p>',
    "</tpl>",
    "</div>",
    {}
);

var myPanel = new Ext.Panel({
    border : true,
    layout : 'fit',
    pageY : 10,
    items : new Ext.DataView({
        store : myStore,
        tpl : myTpl,
        autoHeight : true,
        emptyText : 'No Data'
    })
});

但它不起作用，

我也尝试了这个，

var myStore = Ext.create('Ext.data.JsonStore', {
    autoLoad : true,
    data : <?php echo $list; ?>
});

它也不起作用。

所以我尝试使用代理获取数据。

var myStore = new Ext.data.JsonStore({
    proxy : new Ext.data.HttpProxy({
        url : './index.php?action=getList' //it return same to $list
    }),
    fields : [
        {name : 'first_name', type : 'string'},
    {name : 'last_name', type : 'string'}
    ],
    autoLoad : true
});

它有效！

嗯...

所以我的问题是如何使用 JSON 类型 php 变量创建数据。 （如果可以的话我不想使用代理来获取数据）

帮帮我吧~！

Answer 1

您的数据视图缺少强制配置“itemSelector”

有关详细信息，请阅读 sencha 文档 Sencha ExtJS 4 数据视图