我正在研究我的 ST2 应用程序，并决定我们需要实现 url 导航......我的意思是，我希望包含 HashBang url，以便我可以跳转到特定视图。
即：http : //example.com/#!/ home /
index http://example.com/#!/more/index
这是我的应用程序的一个片段，我希望有一些关于添加此功能的说明。
应用程序/索引.js
Ext.Loader.setConfig({
enabled: true,
disableCaching: true // Todo: Switch to 'false' for production.,
});
Ext.application({
name: 'rpc',
appFolder: 'app',
controllers: [
'home',
'bible',
'video',
'contact',
'more'
],
launch: function () {
console.log('Ext.application ~ launch'),
Ext.create('Ext.TabPanel', {
fullscreen: true,
tabBarPosition: 'bottom',
items: [{
title: 'Home',
iconCls: 'home',
xtype: 'home-indexView'
}, {
title: 'More',
iconCls: 'more',
xtype: 'more-indexView'
}]
});
},
initialize: function() {
console.log('Ext.application ~ initialize');
this.callParent();
}
});
应用程序/控制器/HomeController.js
[PHP]Ext.define('rpc.controller.home', {
extend: 'Ext.app.Controller',
views: ['home.indexView'],
stores: [],
refs: [],
init: function () {
console.log('rpc.controller.home ~ init');
},
index: function () {
console.log('rpc.controller.home ~ index');
}
});
应用程序/视图/主页/indexView.js
Ext.define('rpc.view.home.indexView', {
extend: 'Ext.Panel',
alias: 'widget.home-indexView',
config: {
scrollable: true,
items: [{
xtype: 'toolbar',
title: 'RockPointe Mobile',
docked: 'top'
}, {
xtype: 'panel',
cls: 'rpc-outerPanelWrapper',
items: [{
xtype: 'panel',
cls: 'x-panel-rpc',
items: [{
html: '<h1>RockPointe Church</h1><i>Home Page...</i>'
}]
}]
}]
},
initialize: function () {
console.log('rpc.view.home.indexView ~ initialize');
this.callParent();
}
});
现在增加的技巧是我希望每次加载视图时都会将 url 保存到本地存储中，以便下次有人打开应用程序时，他们会返回到最后一页。
对此的任何帮助将不胜感激。
笔记：
我根本不需要它来处理搜索引擎优化。