sencha-touch的使用

最新推荐文章于 2017-07-13 09:14:58 发布

原创最新推荐文章于 2017-07-13 09:14:58 发布 · 750 阅读

0 ·

CC 4.0 BY-SA版权

sencha-touch学习专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了如何通过控制器与视图的交互来实现消息推送功能，包括使用Ext JS框架创建面板、设置视图组件、初始化与激活事件处理、以及利用localStorage存储和获取数据的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.一个view对应一个controller，当view显示时，相应的在controller中的动作就会执行（controller中refs中的面板的名对应view的xtype），写法如：

view~

/*
* form to enter the location data
*/
Ext.require(['Ext.form.Panel','Ext.form.FieldSet']);
Ext
.define("StateGrid.view.Message.New",{
extend: 'Ext.Panel',
xtype: 'qtMsgPanel',
config : {
fullscreen: true,
items: [
{
xtype: 'fieldset',
title: '消息推送',
defaults: {
labelWidth: '20%'
},
items: [
{
flex: 1,
html: '标题',
},
{
flex: 1,
id: 'msgTitle',
html: '标题',
},
{
flex: 1,
html: '消息内容',
},
{
flex: 5,
id: 'msgContent',
},{
flex: 1,
xtype: 'button',
text: '发布',
id: 'publish',
}
]
}
]
},
});

controller~

/*
* photo controller
*/
Ext.define("StateGrid.controller.MessageController",
{
extend : "StateGrid.controller.ApplicationController",
config: {
refs: {
msgNew : "qtMsgPanel",
publishBtn: 'button[id=publish]'
},
control: {
msgNew: {
initialize : 'onMessageNewInit',
activate: 'onMessaegActivate'
},
publishBtn: {
tap: 'onPublishTap',
}
}
},
onMessaegActivate: function(){
doconnect("task");
},
onPublishTap: function(){
pub("task/ok", "you win~", 2);
},
onMessageNewInit: function(){
if(window.localStorage.getItem("topic") != null){
var title = Ext.ComponentManager.get('msgTitle');
var content = Ext.ComponentManager.get('msgContent');
title.setHtml(window.localStorage.getItem("topic"));
console.log("topic ~~~~" + window.localStorage.getItem("topic") );
content.setHtml(window.localStorage.getItem("msg"));
}
}
}
);