Sench Touch 2 动态获取容器数据/存储
Sench Touch 2 get container data /store dynamically
我想动态获取容器数据。任何人都可以帮助我动态显示容器项目。日期或商店网址可能是某个外部页面,我想使用 MVC 获取容器存储/日期。有人可以帮助我吗?
下面是我的代码
Ext.define('Mvcapp.view.LayoutList',{
extend: 'Ext.Container',
xtype: 'layoutlist',
config:{
title: 'Layout',
iconCls:'star',
styleHtmlContent: true,
items:[{
data: [{
fname: 'Stratton',
lname: 'Sclavos',
role: 'Executive Chairman'
}, {
fname: 'Michael',
lname: 'Mullany',
role: 'CEO'
}, {
fname: 'Ted',
lname: 'Driscoll',
role: 'Vice President Worldwide Sales'
}, {
fname: 'Abraham',
lname: 'Elias',
role: 'Chief Technical Officer'
}, {
fname: 'Jeff',
lname: 'Hartley',
role: 'Vice President of Services and Training'
}, {
fname: 'Adam',
lname: 'Mishcon',
role: 'Vice President of Operations'
}, {
fname: 'Judy',
lname: 'Lin',
role: 'Vice President of Engineering'
}], // data
tpl: '<tpl for="."><div style="float:left;width:300px;"><strong>{lname}</strong>, {fname} <em class="muted">({role})</em></div></tpl>'
}]
}
});
你需要做的是,首先定义一个具有必填字段的模型。接下来创建一个商店并将模型配置设置为之前定义的。在定义商店时,您需要从 sencha touch 提供的各种代理中进行选择。如果您正在构建为手机构建的应用程序,那么没有太多选择。您只需要使用 JsonP 代理。
我会这样做
—— var listitem=Ext.define('ListItem', {
extend: 'Ext.data.Model',
config: {
fields: ['fname','lname','role']
}
});
var store = Ext.create('Ext.data.Store', {
model: listitem,
autoLoad: true,
proxy: {
type: 'jsonp',
url: 'http://localhost/json_feed_url.php',
reader: {
type: 'json',
rootProperty: 'data'
}
}
});
var myList = Ext.create('Ext.List', {
styleHtmlContent:true,
store:store,
itemTpl:['<div style="float:left;width:300px;"><strong>{lname}</strong>, {fname} <em class="muted">({role})</em></div>']
});
Ext.Viewport.add(myList);
如您所见,我首先为我们的商店定义了模型。存储是使用 JsonP 代理创建的,并设置为自动加载。我还设置了阅读器,它将读取从服务器收到的响应并对其进行解析。我现在不必再担心它了,因为我所要做的就是设置 rootPropery。
接下来创建一个列表,并在其配置中分配先前定义store
列表。因此,每当运行这段代码时,存储将从服务器获取数据并将其显示在列表中。猜猜这就是你想要的。
首先,只需将这件作品放入launch
app.js
方法中,您就可以开始了。如果你想要php代码,这里是 -
<?php header('Content-type:application/javascript');
$items =array();
$items[] = array('fname'=>'A','lname'=>'B','role'=>1);
$items[] = array('fname'=>'C','lname'=>'D','role'=>2);
$items[] = array('fname'=>'E','lname'=>'F','role'=>3);
$items[] = array('fname'=>'G','lname'=>'H','role'=>4);
$items[] = array('fname'=>'I','lname'=>'J','role'=>5);
print $_GET['callback'].'('.json_encode(array('data'=>$items)) .')';
?>
我对 php n 都很熟悉,但你可以使用任何适合你的东西。想法是一样的。:D
相关文章:
- 如何有效地将游戏数据存储在URL查询字符串中
- 将数据存储在javascript数组中以供进一步使用
- 将数据存储到元素中
- 如何将变量数据存储在其他变量中并对其进行解析
- 将新类实例中的数据存储在数组中
- 如何在Java Script中比较二维数组和一维数组,并将常见数据存储在另一个数组中
- 组合框是否需要数据存储
- 将动态feild数据存储到jquery-mobile和php-mysql中的数据库中
- 将数据存储在请求与请求中
- 将json数据存储在sqlite(phonegap应用程序)中
- 如何给$('inputs')每个函数,以将数据存储为 asp.net 中的键值对
- 使用 Ajax 将 PHP 嵌入到 JavaScript 中,以便将 MySQL 数据存储在 JavaScript 对象
- 无法将数据存储到 mongoDB
- Ext JS - 将面板绑定到数据存储的最佳方法
- 如何将数据存储值传递给javascript?我需要从gae数据存储中获取数据,并需要传递javascript
- 在数组数组中查找表数据存储
- 客户端数据存储
- 如何使用javascript将数据存储到mysql数据库中
- ServiceWorker数据存储在哪里
- Javascript Security:将敏感数据存储在比cookie更安全的自调用函数中