开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Extjs控制器定义内部导航

ExtJS是一款流行的前端开发框架，它提供了丰富的UI组件和强大的数据处理能力。在ExtJS中，控制器是用来管理视图和处理用户交互的组件。

控制器定义内部导航是指在ExtJS应用中，控制器可以通过定义路由来实现内部导航。路由是指根据URL的变化，自动切换到对应的视图或执行相应的操作。

在ExtJS中，可以通过以下步骤来定义内部导航：

创建一个控制器类，继承自Ext.app.Controller。

Ext.define('MyApp.controller.MainController', {
    extend: 'Ext.app.Controller',
    ...
});

在控制器类中定义路由。

Ext.define('MyApp.controller.MainController', {
    extend: 'Ext.app.Controller',
    
    routes: {
        'home': 'showHomeView',
        'about': 'showAboutView',
        ...
    },
    
    showHomeView: function() {
        // 显示主页视图
    },
    
    showAboutView: function() {
        // 显示关于页面视图
    },
    
    ...
});

在应用启动时，初始化控制器。

Ext.application({
    name: 'MyApp',
    controllers: ['MainController'],
    ...
});

在视图中定义链接或按钮，通过点击触发路由。

{
    xtype: 'button',
    text: 'Home',
    handler: function() {
        MyApp.getApplication().redirectTo('home');
    }
},
{
    xtype: 'button',
    text: 'About',
    handler: function() {
        MyApp.getApplication().redirectTo('about');
    }
}

通过以上步骤，我们可以在ExtJS应用中实现内部导航。当用户点击链接或按钮时，路由会自动切换到对应的视图或执行相应的操作。

在腾讯云中，可以使用腾讯云的云服务器（CVM）来部署和运行ExtJS应用。腾讯云的CVM提供了高性能的计算资源和稳定可靠的网络环境，适合承载大规模的前端应用。您可以通过腾讯云的云服务器产品页面（https://cloud.tencent.com/product/cvm）了解更多详情。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

[翻译]Ext JS 教程-MVC架构原

大规模的客户端应用程序常常难于去编写、组织机构和维护。随着你加入更多的功能，并且投入更多的开发人员，它们渐渐趋向于失去控制。ExtJS 4 带来了一种新的不仅仅能规整你的代码组织结构，而且能限制你要编写的代码数量的应用程序架构。

01

[翻译]Ext JS 教程-开始使用 ExtJS 4

入门

1. 需求

1.1 网页浏览器

ExtJS 4 支持所有主流的浏览器，从IE 6 到最新的谷歌Chrome。在开发期间，我们建议你使用下面这些浏览器，以获得更好的调试体验。

Ø Google Chrome 10+

Ø Apple Safari 5+

Ø Mozilla Firefox 4+ 带Firebug Web 开发插件

本教程假设你正在使用最新的谷歌 Chrome 浏览器。如果你还没有 Chrome，花点时间去下载它吧，然后去熟悉熟悉 Chrome 的开发者工具。

1.2 Web 服务器

尽管使用 ExtJS 4 并不一定需要一个本地的web 服务器，仍然强烈建议你在开发的时候能有一个，因为 XHR 在大多数浏览器上有针对本地 file:// 的cross origin 限制。如果你还没有本地的web 服务器，建议你下载并安装 Apache HTTP Server。

Ø 了解在 Windows 上面安装 Apache

Ø 了解在 Linux 上面安装 Apache

Ø Mac OS X 已经内置了apache，你可以在 System Preference > Sharing 下面的 Web Sharing 旁找到

一旦你安装好了 Apache ，你可以通过在浏览器地址栏输入 localhost 验证它是否在运行。你会看到一个表示 Apache HTTP 服务器已经成功安装并且正常运行的开始页面。

1.3 Ext JS 4 SDK

下载 Ext JS 4 SDK，把压缩包解压到一个在你的web 根路径下新建的extjs文件夹。如果你不知道web根目录在哪儿，查阅你web服务器的相关文档。Web 根路径的位置根据你操作系统的不同而有所不同，但是如果你使用的是 Apache，你一般会在：

Ø Windows - "C:\Program Files\Apache Software Foundation\Apache2.2\htdocs"

Ø Linux - "/var/www/"

Ø Mac OS X - "/Library/WebServer/Documents/"

一旦你已经完成安装，将浏览器导航至 http://localhost/extjs/index.html 。如果一个 ExtJS 4 的欢迎页面出现了，代表你已经一切就绪了。

2. 应用程序结构

2.1 基本结构

如下所列的建议尽管不是强制的，但是可以作为最佳实践指南考虑，以保持你的应用的结构条理性、可扩展性和可维护性。下面是推荐的Ext JS 应用程序结构：

- appname

- app

- namespace

- Class1.js

- Class2.js

- ...

- extjs

- resources

- css

- images

- ...

- app.js
04

ExtJs一(Hello World)

本文原文链接地址 http://aehyok.com/Blog/Detail/48.html

02

产品前端重构（TypeScript、MVC框架设计）

最近两周完成了对公司某一产品的前端重构，本文记录重构的主要思路及相关的设计内容。公司期望把某一管理类信息系统从项目代码中抽取、重构为一个可复用的产品。该系统的前端是基于 ExtJs 5 进行构造的，

08

ExtJs一(Hello World)

本文原文链接地址 http://aehyok.com/Blog/Detail/48.html

01

ExtJs三(实现验证码图片控制器)

在Extjs二(实现登录)http://www.cnblogs.com/aehyok/archive/2013/04/18/3028739.html，今天紧跟上一次内容继续，本次主要就是实现验证码图标控制器。

03

ExtJs三(实现验证码图片控制器)

在Extjs二(实现登录)http://www.cnblogs.com/aehyok/archive/2013/04/18/3028739.html，今天紧跟上一次内容继续，本次主要就是实现验证码图标控制器。

01

Ext JS4 架构你的应用第3节 (官方文档翻译)

原文地址：http://docs.sencha.com/extjs/4.0.7/#!/guide/mvc_pt2

02

ExtJs二(实现登录)

在上一次http://www.cnblogs.com/aehyok/archive/2013/04/17/3025957.html主要是搭建Ext环境，本次课程主要是通过Ext组件来实现登录。

01

ExtJs二(实现登录)

在上一次http://www.cnblogs.com/aehyok/archive/2013/04/17/3025957.html主要是搭建Ext环境，本次课程主要是通过Ext组件来实现登录。

02

iOS基础问答面试题连载(二)-附答案

2016-11-2120:41:52 发表评论 7℃热度 1.xcode5和xcode7区别? 2.pch文件原理? 3.UIApplication常见功能? 4.程序完整启动流程? 5.U

09

Extjs mvc

MVC的模式，模型（Models）和控制器（Controllers） Model模型是字段和它们的数据的集合，例如User模型带有username和password字段，模型知道如何持久化自己的数据，并且可以和其他模型关联，模型跟ExtJS 3 中的Record类有点像（区别是，Record只是单纯的扁平结构，而Model可以nest），通常都用在Store中去展示grid和其他组件的数据 View视图是组件的一种，专注于界面展示 - grid, tree, panel 都是view Controlle

05

OEA 中 WPF 树型表格整体重构

为什么要重构上两个月主要做了一件事情，那就是把 OEA 框架中的 TreeGrid 控件，从结构上重新设计，并大量重构现有代码。而花较大精力做这件事的原因，主要是因为：业务中需要支持一系列新功能：整行编辑、上下箭头键进行导航、合计行、锁定列等。控件显示性能较差，需要支持列虚拟化。和 OEA 元数据系统耦合，希望独立为单独的控件程序集，提高复用性。不支持 xaml 声明的格式。原控件直接在后台用 OEA 代码生成，本质上作为一个 WinForm 控件来用。整个 TreeGrid

06

Cocoa编程中视图控制器与视图类详解

iPhone编程规则是：一个窗口，多个视图。UIView是iPhone屏幕上很多控件的基础类。每个iPhone用户界面都是由显示在UIWindow（这其实也是个特殊的UIView）内的众多UIView及其专门化子类构建的。显示数据的视图： UITextView UILabel UIImageView UIWebView MKMapViews UIScrollView 可选择的视图（以下两个视图类实例都是模态显示的）： UIAlertView UIActionSheet 所有控件（控件是将用户触摸转换为回

05

模拟京东商城实现导航条隐藏功能

样式需求展示-京东导航条：.gif 需求说明： 1.导航条隐藏功能 2.界面向上滚动的时候，导航条隐藏 3.界面向下滚动的时候，导航条显示层次结构分析：核心思路：导航条必须隐藏，显示的顶部

【网安学术】基于ExtJS的V**管理系统的设计与实现

摘要：基于ExtJS设计了一个V**管理系统，主要应用于配网安全防护系统中的主站加密装置，可实现对主站加密装置的参数配置及运行维护。由于应用要求，该管理系统需界面美观、响应迅速、用户体验佳，且稳定性强、易于维护。综合对比分析多种JS框架，采用了Ajax开发框架——ExtJS作为前端开发框架，同时服务端选用简洁轻巧的网页开发语言PHP，再结合轻量级的后台数据库，最终实现了一个高效易用的V**管理系统，实现了方便快捷地对主站加密装置进行管理及维护的目的。

01

ExtJs四(ExtJs MVC登录窗口的调试)

继上一节中实现了验证码http://www.cnblogs.com/aehyok/archive/2013/04/19/3030212.html，现在我们可以进行对登录界面进行整合调试了。

02

iOS开发中标签控制器的使用——UITabBarController

与导航控制器相类似，标签控制器也是用于管理视图控制器的一个UI控件，在其内部封装了一个标签栏，与导航不同的是，导航的管理方式是纵向的，采用push与pop切换控制器，标签的管理是横向的，通过标签的切换来改变控制器，一般我们习惯将tabBar作为应用程序的根视图控制器，在其中添加导航，导航中在对ViewController进行管理。

02

ExtJs四(ExtJs MVC登录窗口的调试)

继上一节中实现了验证码http://www.cnblogs.com/aehyok/archive/2013/04/19/3030212.html，现在我们可以进行对登录界面进行整合调试了。

04

iOS多控制器之UINavigationController&UITableBarController1. 多控制器2. UINavigationController3. UITableBarCont

1. 多控制器一个iOS的app很少只由一个控制器组成,除非这个app极其简单当app中有多个控制器的时候,我们就需要对这些控制器进行管理有多个view时，可以用一个大的view去管理1个或者多个小view 控制器也是如此，用1个控制器去管理其他多个控制器比如，用一个控制器A去管理3个控制器B、C、D 控制器A被称为控制器B、C、D的“父控制器” 控制器B、C、D的被称为控制器A的“子控制器” 为了便于管理控制器，iOS提供了2个比较特殊的控制器: UINavigationControl

04

TypeScript 强类型 JavaScript – Rafy Web 框架选型

今天看到了 AngularJs 2.0 版本将基于 TypeScript 构建的消息。与同事们对 TypeScript 展开了讨论。本文记录一些个人的想法。理想的 JavaScript 开发模式其实早在 TypeScript 发布早期的时候，我就已经开始关注这个语言。因为在2012年初时，我需要为 Rafy/OEA 平台选型编写 Web 端自动界面生成框架：Rafy.js。而这个客户端框架需要基于一些流行的 JS 库来进行开发，当时选型的重点就是选择哪一个基础框架。当时，我期望能找到一种可以编写大型

06

[ISUX译]iOS 9人机界面指南(四)：UI元素（上） - 腾讯ISUX

文章索引 4.1.1 状态栏 4.1.2 导航栏 4.1.3 工具栏 4.1.4 工具栏与导航标准按钮 4.1.5 标签栏 4.1.6 标签栏标准图标 4.1.7 搜索栏 4.1.8 范围栏 4.2.1 活动 4.2.2 活动视图控制器 4.2.3 集合视图 4.2.4 容器视图控制器 4.2.5 图片视图 4.2.6 地图视图 4.2.7 页面视图控制器 4.2.8 浮出层 4.2.9 滚动视图(Scroll View) 4.2.10 分栏视图控制器 4.2.11 表格视图 4.2.12 文本视图 4.2

05

Flutter质感设计之底部导航

BottomNavigationBar即底部导航栏控件。显示在应用底部的质感设计控件，用于在少量视图中切换。底部导航栏包含多个以标签、图标或两者搭配的形式显示在项目底部的项目，提供了应用程序的顶级视图之间的快速导航。对于较大的屏幕，侧面导航可能更好。

02

iOS头部渐变的表格视图设计原

今天再来给大家带来一个开发中常用到的视图控制器，在很多应用中，可能都会遇到这样的一个需求：表视图控制器最上方有一个头图控件，当表格视图滑动在顶部时，导航栏透明，当表格视图逐渐向下滑动时，导航栏渐渐出现，并且在滑动期间，头图会展示相关的渐变动画效果。以前经常会遇到这样的需求，但从没有整理与封装完善，这次将其封装成完整的控件，无论有无导航，都可以很好的支持，方便以后使用也提供给需要的朋友。

02

[翻译]Ext JS 教程-布局和容器原

布局系统是ExtJS中一个强大的组成部分。它控制着应用程序的每一个组件的尺寸和位置。这个操作手册包含开始使用布局的基础操作。

01

iOS导航栏使用总结

目录：一、设置导航栏样式二、解决自定义导航栏返回按钮后侧滑不可用问题三、隐藏导航栏底部的分割线四、导航栏引起的布局问题相关文章：iOS状态栏的使用总结一、设置导航栏样式设置导航栏的样式可分为全局设置与局部设置； 1.全局设置全局设置一般的都是在AppDelegate中设置，这样整个app都会生效，相关的代码与效果图如下： //1.设置导航栏背景颜色 [[UINavigationBar appearance] setBarTintColor:[UIColor orangeColor]];

02

Android-Jetpack笔记-Navigation之Fragment使用

Navigation是一种导航的概念，即把Activity和fragment当成一个个的目的地Destination，各目的地形成一张导航图NavGraph，由导航控制器NavController来统一调度跳转，本文会先简单分析下AS自带的示例代码。

03

VCTransitionsLibrary –自定义iOS交互式转场动画的库

本文介绍了一种用于iOS的交互式转场实现方案，通过使用UIKit Dynamics和UIKit Layout实现自定义转场效果。具体实现包括两个部分：一是交互式转场动画的实现，通过CGAffineTransformAnimation结合UIView.animateWithDuration()方法实现；二是交互式转场交互的实现，通过监听UIViewControllerTransitionCoordinator方法实现。该方案适用于界面之间的复杂转场交互场景，可以自定义转场动画和交互逻辑，实现更加顺滑、自然的界面转场效果。

06

基于QT的webkit与ExtJs开发CB/S结构的企业应用管理系统

一：源起 1.何为CB/S的应用程序 C/S结构的应用程序，是客户端/服务端形式的应用程序，这种应用程序要在客户电脑上安装一个程序，客户使用这个程序与服务端通信，完成一定的操作。 B/S结构的应用程序，是浏览器/服务端形式的应用程序，这种应用程序不用在客户端部署任何东西，客户只需要通过浏览器与服务端通信，来完成一定的操作。两种类型的程序优缺点对比：对比内容 C/S结构的应用程序 B/S结构的应用程序部署较困难方便升级

08

UINavigationController 导航控制器概念属性方法

概念 UINavigationController 继承于 UIViewController 包含：viewcontrollers、NavigationBar、Toolbar 导航控制器是一个堆栈结构，只是其中管理的对象是controller，通过push与pop进行controller的切换，UINavigationController是将这些控件（UINavigationBar，UINavigationItem和UIToolBar）和UIViewController紧密的结合了起来总结： Naviga

06

技术猿 | 室外移动机器人组合的导航定位系统设计

---- 对于在室外环境工作的移动机器人通常使用惯导/卫星组合导航方式。惯性导航系统[1]具有完全自主、抗干扰强、隐蔽能力好和输出参数全面等优点，但它的鲁棒性极低，误差会不断随时间累积发散。卫星导航系统具有精度高、定位范围广和误差不随时间累积等优点，但其自主性差、易受外界遮挡和干扰、接收机数据更新频率低等缺点。因此工程上常常将两者互补结合使用，组成卫星/惯性组合导航系统。本文以低功耗MSP430F149为核心，设计了能够同时实现卫星导航(GNSS)接收机、惯性测量单元(IMU)、气压高度等导航信息的高

05

iOS状态栏使用总结

目录：一、状态栏与导航栏二、设置状态栏显隐与字体样式三、设置状态栏背景色四、启动页隐藏状态栏五、状态栏、导航栏相关的常用宏定义相关文章：iOS导航栏的使用总结一、状态栏与导航栏状态栏：显示时间、电池等信息导航栏：显示app页面标题，返回按钮等 iOS7之前：状态栏与导航栏是分开的； iOS7之后：状态栏与导航栏合在一起；导航部分总高度(64)= 状态栏高度(20) +导航栏内容高度((44） iPhoneX设备出现以后，状态栏的高度变为44，导航栏部分总高度(88) = 状态栏

03

深入了解 AngularJS 路由的原理和使用技巧

在现代Web应用程序中，页面之间的导航是非常重要的。为了实现有效的导航和良好的用户体验，AngularJS 提供了一种强大的路由机制。通过使用 AngularJS 的路由功能，我们可以轻松地管理应用程序的不同视图，并根据URL的变化加载不同的组件。

01

统一添加导航控制器右滑返回手势

ios7自带了右滑返回手势，但是要从屏幕最左边滑起，且不支持ios6，于是自定义一个支持ios6和7的右滑返回手势不多说，直接上代码. 1 新建一个控制器，继承UINavigationControl

05

iOS开发UINavigation系列四——导航控制器UINavigationController

在前面的博客中，我么你介绍了UINavigationBar，UINavigationItem和UIToolBar，UINavigationController是将这些控件和UIViewController紧密的结合了起来，使用导航，我们的应用程序层次会更加分明，对controller的管理也更加方便。前几篇博客地址如下：

02

Coolite Toolkit非常棒的控件

Coolite Toolkit非常适合做web应用程序的开发，它提供了很多专业的Asp.net输入/验证/显示控件，和页面布局的框架，同时完全支持ajax，因为它是所有的组件是居于ExtJS上封装出来，让开发人员在可视化的设计器内进行方面的属性配置。

03

iOS14开发-UIViewController

UIViewController 可以理解为 App 的界面，负责管理 UIView 中显示的内容和用户的交互，主要有以下作用：

02

【iOS开发-22】navigationBar导航栏，navigationItem建立：获取导航栏中的基本文本和button以及各种跳跃

（1）navigationBar导航栏可以被看作是self.navigationController一个属性导航控制器，它可以由点直接表示self.navigationController.navigationBar。当然navigationBar他还是很物业。让我们风格barStyle、背景backgroundColor、frame属性（能够获取宽高这些信息）。还能够用setBackgroundImage方法设置背景图片。当然图片多了能够使用clipsToBounds剪裁。

01

机器人编程趣味实践19-武林秘籍(文档)

机器人技术快速发展，教程等迭代速度非常快，周期在1-2年，新生期都是如此，进入成熟期会好很多，文档迭代周期会延长至3-5年。至于那些经典技术通常生命周期长达10年或更久。

03

ExtJs七(ExtJs Mvc创建ViewPort)

在4.1的时候，要先创建一个扩展于Ext.app.Application的类，然后用create创建它的实例来开始应用程序的。而在4.1.1，则可直接调用application方法开始执行应用程序，简化了。调用application方法，其参数是一个配置对象，主要配置项有以下三个： name：用来定义应用程序的名称，在这里是ExtMVCOne。 appFolder：应用程序的路径，这里是scripts/app autoCreateViewport：默认值为false，在这里要设置为true，让它自动加载\Script\app\View目录下的Viewport.js文件。因为目录已经在Loader中配置好了，因而不用设置目录。

04

iOS：分割控制器UISplitViewcontroller

<1>功能：它也是ipad的一个新特性，在屏幕上可以同时显示两个控制器，左边一个，右边一个；左边的为主控制器，右边的为详细控制器，主控制器可以根据需要显示或隐藏。它对于iPhone虽然可以使用，但是不具备同时显示的特点，在iPhone的样式，就是导航控制器切换的模式。

03

ViewController及View的生命周期1. 起因2. Controller的生命周期3. View的生命周期4. 内存警告

1. 起因我们经常能够在第三方库的源码中看到很多loadView、willMoveToParentViewController:、viewDidLayoutSubviews 等等诸如此类的并不是十分常见的方法。这让永远都只在viewDidLoad写作的童鞋们情何以堪吶。这些其实都和生命周期有关，和viewController以及view的各种加载顺序有关。这篇文章就小小撸一下这中间的关系和顺序。 2. Controller的生命周期系统提供了控制器从显示到消失的四个方法。千万不要看到方法名中间出现了

03

Flutter 组件集录 | 桌面导航 NavigationRail

我们都知道 BottomNavigationBar 是一个移动端非常常用的底部导航栏组件，可以用于点击处理激活菜单，并通过回调来处理界面的切换。

02

iOS的MVC框架之控制层的构建(上)

在我前面的两篇文章里面分别对MVC框架中的M层的定义和构建方法进行了深入的介绍和探讨。这篇文章则是想深入的介绍一下我们应该如何去构建控制层。控制层是联系视图层和模型层的纽带。现在也有非常多的文章宣扬所谓的去控制层或者弱化控制层的作用，觉得这部分是一个鸡肋，他会使得应用变得臃肿不堪。那么他是否有存在的必要呢？一般的应用场景里面，我们都需要将各种界面呈现给用户，然后用户通过某些操作来达到某个目标。从上面的场景中可以提取出呈现、操作、目标三个关键字。要呈现出什么以及要完成什么目标我们必须要通过具体操作才能达成，也就是说是通过操作来驱动界面的不断变化以及服务目标的不断达成，操作是联系界面和目标的纽带。为了表征这种真实的场景，在软件建模和设计实现中也应如此。我想这也就是MVC框架这种应用模型设计的初衷吧。在MVC框架中V负责呈现C负责操作而M则负责目标。而且这种设计还有如下更多的考量：

02

iOS - 实现UINavigation全屏滑动返回(一)

要点 interactivePopGestureRecognizer 是UINavigationController自带手势，当我们自定义了导航条的返回按钮后，这个手势就自动失效了，也就是说无法滑动返

02

Nav2极简笔记02-导航概念

第二代机器人操作系统，是Nav2的核心中间件，不熟悉可以参考博客关于ROS2的课程。

01

S7-1500带ET200SP的共享设备功能

信号模块可以被不同的IO控制器访问的IO设备被称为"共享设备"，智能设备也可以作为共享设备。对"共享设备"模块的访问可在不同的IO控制器之间进行分配，"共享设备"的每个子模块以独占方式分配一个IO控制器。这样就可以把现场多个临近的IO模块组合到一个IO设备中，节约了项目成本。下图1是"共享设备"功能的示意图。

03

iOS 自定义转场动画

1、创建一个遵循<UIViewControllerAnimatedTransitioning>协议的动画过渡管理对象，并实现如下两个方法：

09

ExtJs九(ExtJs Mvc用户管理之一)

首先要做的是为用户信息创建一个模型，在Scripts\app\model目录下创建一个名为User.js的文件，然后添加以下模型定义代码：

02

房屋租赁管理系统的设计和实现，SpringBoot计算机毕业设计论文

随着计算机越来越普遍的被人们使用，信息化时代也随之而来，人们也在不断地追求城市化和自动化，因此毕业生或者其他相关打工人员将不断往大城市中进行迁移，寻找更好的发展机会。这些举动都极大地推动了房屋租赁产业的不断发展。对于传统的人工管理房屋的租赁问题已经很难适应的现在城市化的发展的，从某些方面来说甚至为本产业发展产生了阻碍的作用。加之信息化、网络化以及人工智能化的不断推进，这为房屋租赁系统的研发提供了重要的基础条件和对应的技术支持。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭