首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Extjs 6现代版-如何从视图执行控制器中的函数?

Extjs 6现代版是一种用于构建现代化Web应用程序的JavaScript框架。它提供了丰富的UI组件和功能,使开发人员能够轻松创建交互性强、功能丰富的应用程序。

在Extjs 6现代版中,可以通过视图来执行控制器中的函数。以下是一种常见的方法:

  1. 首先,在控制器中定义一个函数,例如:
代码语言:txt
复制
Ext.define('MyApp.controller.MyController', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.mycontroller',

    myFunction: function() {
        // 执行一些操作
    }
});
  1. 在视图中,可以使用controller配置项来指定关联的控制器,例如:
代码语言:txt
复制
Ext.define('MyApp.view.MyView', {
    extend: 'Ext.panel.Panel',
    xtype: 'myview',

    controller: 'mycontroller',

    items: [
        // 视图的内容
    ],

    listeners: {
        afterrender: 'myFunction' // 在视图渲染后执行控制器中的函数
    }
});

在上述示例中,我们将controller配置项设置为mycontroller,这样视图就与MyController控制器关联起来了。然后,我们使用listeners配置项来指定在视图渲染后执行控制器中的myFunction函数。

通过这种方式,当视图渲染完成后,控制器中的myFunction函数将被调用,从而实现了从视图执行控制器中的函数。

推荐的腾讯云相关产品:腾讯云云服务器(CVM),腾讯云对象存储(COS),腾讯云数据库(TencentDB),腾讯云人工智能(AI),腾讯云物联网(IoT),腾讯云移动开发(Mobile),腾讯云区块链(Blockchain)等。您可以访问腾讯云官方网站了解更多产品信息和详细介绍:https://cloud.tencent.com/

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

ExtJs一(Hello World)

前言   本文原文链接地址 http://aehyok.com/Blog/Detail/48.html   来学习一下ExtJs,今天主要来了解一下ExtJs在Asp.Net Mvc3.0基本架构搭建...ref=extjs.org.cn 搭建ExtMVC环境  1.创建一个Asp.Net Mvc3.0Web空项目,视图引擎选择Razor。 ?...在app目录下,再创建controller、model、store和 view这4个目录,分别用来存放项目中Ext JS控制器、模型、Store和视图文件。...实现Hello World    1.在Controllers添加控制器HomeController,并在Index Action上直接添加视图(添加视图时记得  使用布局或母版页选项不勾)。...块,在块内添加Ext.onReady函数块,并在onReady函数内先添加空白图片验证,这里要注意图片目录,具体代码如下 最后再添加一个alert提示信息 Ext.onReady

91620
  • ExtJs一(Hello World)

    前言   本文原文链接地址 http://aehyok.com/Blog/Detail/48.html   来学习一下ExtJs,今天主要来了解一下ExtJs在Asp.Net Mvc3.0基本架构搭建...ref=extjs.org.cn 搭建ExtMVC环境  1.创建一个Asp.Net Mvc3.0Web空项目,视图引擎选择Razor。 ?...在app目录下,再创建controller、model、store和 view这4个目录,分别用来存放项目中Ext JS控制器、模型、Store和视图文件。...实现Hello World    1.在Controllers添加控制器HomeController,并在Index Action上直接添加视图(添加视图时记得  使用布局或母版页选项不勾)。...块,在块内添加Ext.onReady函数块,并在onReady函数内先添加空白图片验证,这里要注意图片目录,具体代码如下 最后再添加一个alert提示信息 Ext.onReady

    86510

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

    在 refs 配置,可以设置视图实例引用。允许你在控制器行为检索和操作页面组件。 可以使用 ComponentQuery 来获取组件引用。 另外如果你没在控制器设置引用。...这就也为这如果你有一个基于视图逻辑而且在页面还没有存在,这样你就需要对逻辑进行检查只有getter 方法有返回值时再执行。...Station 控制器onlaunch方法是调用 Station store加载方法好地方。 正如你所见,我们也设置了store加载完成回调函数。...在这个回调函数我们 使用自动产生getter方法获取 StationsList 实例,并选择了第一个项。 这将触发StationsList一个selectionchange 时间。...Application 事件在多个控制器都需要处理同一个事件时候非常有用。不是在每个控制器里都监听同一个视图事件,而是只有一个控制器来监听视图事件然后触发一个由其他控制器监听应用范围事件。

    66620

    计算机程序思维逻辑 (6) - 如何乱码恢复 (上)?

    在四字节编码,第一个字节0x81到0xFE,第二个字节0x30到0x39,第三个字节0x81到0xFE,第四个字节0x30到0x39。...解析二进制时,如何知道是两个字节还是四个字节表示一个字符呢?看第二个字节范围,如果是0x30到0x39就是四个字节表示,因为两个字节编码第二字节都比这个大。...,GB18030E9 6B对应是字符"閗i",于是他看到就是:"P閗in",这看来就是一个乱码。...首先将其看做整数,转化为二进制形式(去掉高位0),然后将二进制位右向左依次填入到对应二进制格式x,填完后,如果对应二进制格式还有没填x,则设为0。...举例来说,"马"GB18030转到UTF-8,先查GB18030->Unicode编号表,得到其编号是9A 6C,然后查Uncode编号->UTF-8表,得到其UTF-8编码:E9 A9 AC。

    1.2K50

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

    1年后,他正式将Ext更名为ExtJS。经过6发展,ExtJS已优化更新到现如今4.1.1版本,功能日益强大,使用范围也越来越广。...使开发人员大量Web UI操作及跨浏览器处理工作脱离出来,使开发变得快速、轻松。...2.2.1 系统登录设计 整个管理系统执行所有功能模块首要条件是规划设计出用户根据权限登录和操作所有流程。本管理系统登录设计,如图2所示。...视图(views)即用户界面,选取ExtJS组件构成,其中内嵌少许PHP代码。控制器(controllers)即对模型操作,采用PHP语言编写。整个系统代码构成了MVC式网站组织模式。...在所有代码ExtJS构成用户视图与后台操作基本无关,这就实现了视图与操作分离,便于界面的维护。

    1K10

    产品前端重构(TypeScript、MVC框架设计)

    最近两周完成了对公司某一产品前端重构,本文记录重构主要思路及相关设计内容。 公司期望把某一管理类信息系统项目代码抽取、重构为一个可复用产品。...这些扩展点包含:模块级别的扩展或替换、模块指定界面扩展或替换、控制器业务逻辑扩展或替换,甚至任意逻辑扩展或替换。...设计难点 类型系统冲突 由于EXTJS MVC 模式要求 Controller Ext.app.Controller 类继承,视图则从 Ext.Component 类继承。...由于视图控件还是采用 EXTJS 控件,所以这个 MVC 框架 View 其实是图中 ViewBuilder,其职责为创建 EXTJS 控件。...之前全都堆在一个文件代码,现在要分为控制器视图,而且还需要基于统一底层框架来实现,框架 Api 还需要慢慢熟悉,学习门槛高了不少。

    1.9K80

    Extjs mvc

    MVC模式,模型(Models)和控制器(Controllers) Model模型 是字段和它们数据集合,例如User模型带有username和password字段,模型知道如何持久化自己数据,...并且可以和其他模型关联,模型跟ExtJS 3 Record类有点像(区别是,Record只是单纯扁平结构,而Model可以nest),通常都用在Store中去展示grid和其他组件数据 View...视图 是组件一种,专注于界面展示 - grid, tree, panel 都是view Controllers控制器 一个安放所有使你app正确工作代码位置,具体一点应该是所有动作,例如如何渲染...view,如何初始化model,和app其他逻辑 目录结构如下图所示: ?...name: 'FWY', // 应用程序路径      appFolder: 'app', // 应用程序控制器名称      controllers: ['Students'],        //

    2.4K50

    基于QTwebkit与ExtJs开发CBS结构企业应用管理系统

    窗口将不具有标题栏和边框,至于如何ExtJs来渲染标题栏,以及如何实现标题栏最小化及关闭等功能,将在后续小节讲述。   ...();"); 注意:这有些类似于javascirpteval()方法,如果前端框架引入了ExtJs,最好不要直接使用此方法来调用ExtJs提供函数执行效率非常慢。...可以先在页面上用普通js函数包装一下ExtJs提供函数,再来调用。     ...QNetworkReply类型),该请求myrequest实参类型为QNetworkRequest,其他两个实参原始方法获得。    ...2.定制模块加载基址     Extjs有一套独特模块加载机制,它可以通过js类名称空间来加载相应js代码文件,比如视图文件名称空间是UTMP.sys.menuTree,ExtJs框架会

    3.4K80

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

    获得ExtJS要使用ExtJS,那么首先要得到ExtJS库文件,该框架是一个开源,可以直接官方网站下载 ,进入下载页面可以看到大致如下所示界面,可以选择选择1.1或2.0版本。...前端控制器是DispatcherServlet;应用控制器其实拆为处理器映射器(Handler Mapping)进行处理器管理和视图解析器(View Resolver)进行视图管理;页面控制器/动作/处理器为...在SpringWeb MVC框架提供了模型 - 视图 - 控制器架构以及可用于开发灵活,松散耦合Web应用程序准备组件。...视图(View)是负责呈现模型数据和一般它生成HTML输出,客户端浏览器能够解释。 控制器(Controller )负责处理用户请求,并建立适当模型,并把它传递给视图渲染。...任务:主要是为了发下在开发过程偏离实际需求地方。对应执行测试和开发流程如图 6-1所示。

    9.7K22

    【DB笔试面试602】在Oracle如何执行计划初步判断SQL性能问题?

    ♣ 题目部分 在Oracle如何执行计划初步判断SQL性能问题?...♣ 答案部分 以下几点去考虑: l 执行计划关注点 l 预估返回行数 l 真实返回行与逻辑读比率 l 预估行数和真实返回行数差异 l Predicate Information部分是否有隐式类型转换...RANGE ALL l 注意MERGE JOIN CARTESIAN l 注意REMOTE分布式查询 l 注意动态采样 l 是否使用了某种固定执行计划策略 详情可以从下表所示几个方面去考虑: ?...此外,还有一些其它需要注意地方,例如COST花费特别大步骤、全表扫描步骤、FILTER操作等等,都是需要特别关注地方,这里就不详细列举了,总之,看执行计划和看AWR报告一样,需要具有一双敏锐鹰眼...,最主要是找出SQL性能瓶颈。

    85820

    前端ES6rest剩余参数在函数内部如何使用以及遇到问题?

    ES6 引入了 rest 参数(...变量名),用于获取函数内不确定多余参数,注意只能放在所有参数最后一个: function restFunc(...args) { console.log(...剩余参数只包含没有对应形参实参,arguments 包含函数所有实参 剩余参数是一个真正数组,arguments 是一个类数组对象,不能直接使用数组方法 arguments 不能在箭头函数中使用...在函数内部怎么使用剩余参数 剩余参数我们大都用在一些公共封装里面,经常配合闭包、call、apply、bind 这些一块使用,对于这几个使用差异很容易把人绕晕。...(args[0]) } restFunc(2) // 2 2、在闭包函数配合 call、bind 使用 这里在函数内部用 call、bind 去改变 this 指向 function callFunc...3、在闭包函数配合 apply 使用 示例和上面的 call、bind 类似,不过注意 apply 接收参数本来就是一个数组或类数组,所以这里并不需要额外用展开运算符去展开剩余参数: function

    14630

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

    前言 在Extjs二(实现登录)http://www.cnblogs.com/aehyok/archive/2013/04/18/3028739.html,今天紧跟上一次内容继续,本次主要就是实现验证码图标控制器...实现验证码图片控制器  1.现在项目中添加一个Helper目录,该目录将用来放置一些辅助性类,包括一些自定义实用方法。...接着在控制器目录(Controllers)添加一个名为VerifyCodeController控制器,因为输出是文件格式图片,不是视图,因而需要将返回类型ActionResult修改为FileContentResult...在VerifyCode类,CreateVerifyCode方法可生成一个4位验证码,而调用CreateImages方法则可返回图片字节数组,通过这两个就可以生成图片文件了,代码如下: public...控制器编码已经完成了,现在来测试一下是否能正常显示图片。在浏览器打开网站,然后修改地址访问VerifyCode控制器 ? 可见验证码图片控制器实现了哦

    73730

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

    前言 在Extjs二(实现登录)http://www.cnblogs.com/aehyok/archive/2013/04/18/3028739.html,今天紧跟上一次内容继续,本次主要就是实现验证码图标控制器...实现验证码图片控制器  1.现在项目中添加一个Helper目录,该目录将用来放置一些辅助性类,包括一些自定义实用方法。...接着在控制器目录(Controllers)添加一个名为VerifyCodeController控制器,因为输出是文件格式图片,不是视图,因而需要将返回类型ActionResult修改为FileContentResult...在VerifyCode类,CreateVerifyCode方法可生成一个4位验证码,而调用CreateImages方法则可返回图片字节数组,通过这两个就可以生成图片文件了,代码如下: public...控制器编码已经完成了,现在来测试一下是否能正常显示图片。在浏览器打开网站,然后修改地址访问VerifyCode控制器 ? 可见验证码图片控制器实现了哦

    57310

    ExtJs二(实现登录)

    如果想要在脚本中使用ExtJS提示信息,可将书附带资源包Ext.js文件复制到ExtJS目录,复制后,在解决方案资源管理器将Ext.js拖到到login.js文件,就会生成以下代码:  //...6.接着加入表单面板提交地址,这里定为Account/Login,就是Account控制器Login方法,代码如下: url: "Account/Login", 7.因为表单内使用都是文本字段,因而可以统一做一些定义...代码,验证码图片将VerifyCode控制器生成,这个暂时放下,会在后面讨论。 10.还要实现是单击图片刷新验证码,但是查API发现Img对象居然没单击事件。...代码,element配置项el就表示要在对象生成HTML元素绑定事件,绑定事件为click事件,事件将调用onRefrehImage方法。...登录失败(failure配置项),只写了一个空函数目的是因为表单提交返回数据格式是一样,处理方式也一样,因而可使用同一个函数进行处理,但是还没写到,因而先保留一个空函数

    2.1K10

    Ext JS 4 架构你应用 第2节 (官方文档翻译)

    让我们探讨一下Model-View-Controller(模型-视图-控制器)架构以及怎样将其应用到相对复杂一点 含有多个视图和模型UI应用。...应用逻辑 在 Ext JS 3,我们通常将应用逻辑添加在视图按钮处理器方法,绑定子组件和拓展视图时重写拓展视图方法。...另外在Ext JS 3,你有也许要嵌套多个视图,每个视图都添加应用逻辑。通过将应用逻辑移到控制器,变得更加集中,使得应用维护和修改变得更加容易。...在init方法,你应该设置对视图和应用事件监听器。 在大型应用,你也许希望在运行时再加载额外控制器。你可以通过getController 方法来实现。...如果想要了解有哪些可用事件可以查询API 文档搜索events(事件)部分。 监听器配置值是一个当事件发生时执行方法。这个方法范围一般是控制器自身。

    74710

    ExtJs二(实现登录)

    如果想要在脚本中使用ExtJS提示信息,可将书附带资源包Ext.js文件复制到ExtJS目录,复制后,在解决方案资源管理器将Ext.js拖到到login.js文件,就会生成以下代码:  //...6.接着加入表单面板提交地址,这里定为Account/Login,就是Account控制器Login方法,代码如下: url: "Account/Login", 7.因为表单内使用都是文本字段,因而可以统一做一些定义...代码,验证码图片将VerifyCode控制器生成,这个暂时放下,会在后面讨论。 10.还要实现是单击图片刷新验证码,但是查API发现Img对象居然没单击事件。...代码,element配置项el就表示要在对象生成HTML元素绑定事件,绑定事件为click事件,事件将调用onRefrehImage方法。...登录失败(failure配置项),只写了一个空函数目的是因为表单提交返回数据格式是一样,处理方式也一样,因而可使用同一个函数进行处理,但是还没写到,因而先保留一个空函数

    1.9K20

    《Ext JS模板与组件基本知识框架图----模板》

    组件是Ext JS基础,模板是Ext JS4基础,熟悉模板也就了解组件组织方式,也就为使用组件和构建自定义组件打下基础。 130个组件虽多,但最基本就是四类:容器、面板、布局、视图。...4.使用自定义格式化函数解析多层json对象 三.格式化输出数组(可先跳过此节 参考于ExtJS权威指南和ExtJSAPI) 1.Ext.String...,返回0到6数字,0表示星期日) 11.getFirstDateOfMonth (返回指定日期中返回月份第一天日期值) 12.getLastDateOfMonth(返回指定日期中返回月份最后一天日期值...5.在子模板访问父对象 //在标签中提取值时候采用parent.父类变量 6.数组索引和简单运算支持 //当处理数组时特殊符号{#}表当前数组索引加...8.在模板执行任意代码 // XTemplate模板任何包含在{[...]}中间代码都在模板作用域范围内执行,它支持一些特殊变量

    3.2K20
    领券