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

如何在ExtJS 6.0上获取输入值

在ExtJS 6.0上获取输入值,可以通过以下步骤实现:

  1. 首先,确保你已经在ExtJS 6.0中创建了一个表单或输入字段,例如一个文本框或下拉列表。
  2. 给该输入字段设置一个唯一的ID或引用,以便在代码中引用它。
  3. 在你需要获取输入值的地方,使用ExtJS的组件查询方法来获取该输入字段的引用。例如,如果你的输入字段有一个ID为"myTextField",你可以使用以下代码获取它的引用:
代码语言:javascript
复制
var textField = Ext.getCmp('myTextField');
  1. 一旦你获取了输入字段的引用,你可以使用该引用来获取输入字段的值。例如,如果你想获取文本框的值,你可以使用以下代码:
代码语言:javascript
复制
var value = textField.getValue();
  1. 现在,你可以使用获取到的值进行后续的处理,比如将其发送到服务器进行保存或进行其他操作。

需要注意的是,以上步骤是基于ExtJS 6.0的版本,如果你使用的是其他版本,可能会有一些差异。此外,ExtJS还提供了许多其他的表单组件和方法,可以根据具体需求进行使用。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。

  • 腾讯云云服务器(CVM):腾讯云提供的弹性计算服务,可快速创建和管理云服务器实例,支持多种操作系统和应用场景。了解更多信息,请访问:腾讯云云服务器(CVM)
  • 腾讯云云数据库MySQL:腾讯云提供的高性能、可扩展的关系型数据库服务,适用于各种规模的应用程序。了解更多信息,请访问:腾讯云云数据库MySQL
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

初识Ext.NET

以前从没想过会用到ExtJS,总是对它有着一种反感:认为脚本资源大,执行脚本多,性能差等等。最近因为一个项目使用到了,就用上了。相对JQuery,ExtJS没有那么方便灵活,但是其界面美观,功能实用,可以节约不少开发时间。玩ExtJS,就感觉是在玩配置,也许Java程序员会习惯些。熟悉那些配置无疑也是一件麻烦而且棘手的事情,稍不留心,就得为自己的失误埋单。虽然网上有些设计器,但是大都满足不了需求。后来,在网上找到一款还不错的框架——Ext.NET。这对于.NET开发人员来说,能节省不少时间。至少带智能提示的xml配置怎么也要比写js要顺手方便多了。而且其还是免费开源的。不过在使用过程中,也没有那么顺畅。

06
  • [翻译]Ext JS 教程-类系统 原

    类系统

    ExtJS 史上第一次进行了重整新的类系统的大重构。新的架构以ExtJS 4.X所编写的每一个类作为后盾,因此在你编写代码以前理解它是非常重要的。

    这个手册主要面向任何想在ExtJS 4.x中新建或者扩展类的开发人员。它分成四个部分:

    Ø 部分一:“综观”解释了稳定的类系统的需求

    Ø 部分二:“命名规则”讨论给类、方法、属性、变量和文件命名的最佳实践

    Ø 部分三:“动手实践”提供详细的一步步编码的例子

    Ø 部分四:“错误处理&调试”提供如何处理一场的小建议和小计谋

    一 综观

    ExtJS 4 靠超过300 多个类驱动。我们拥有一个超过20万来自世界各地,具备各种编程背景的开发人员组成的巨大社区。在一个框架的范围内,我们面对提供一个通用的编码结构的那些大挑战:

    Ø 简单易上手

    Ø 开发快速、调试简单、部署无忧

    Ø 结构良好,可扩展可维护

    JavaScript 是 classless 的面向原型的语言。天性使然,灵活是这个语言最强大的特性。使用不同的方式,不同的编码形式和技术,都可以让工作有效。然而就是那个特性,带来了不可预知的代价。没有一个统一的形式,JavaScript代码可能很难去理解、维护和重用。

    从另一方面来看,基于类的编程仍然是面向对象编程领域最受欢迎的模式。基于类的语言常常需要强类型,提供封装和标准的编码规范。一般而言要让开发人员遵守一大堆规则,而编码就会变得一直可预知、可扩展和规规矩矩。然而,他们不会有在JavaScript这样的语言中发现的同样的动态能力。

    每种方法都有其利弊,但是我们是否可以利用两者好处的同时避免他们的坏处呢?答案是肯定的,我们在ExtJS 4中实现了这个解决方案。

    二 命名规范

    至始至终为你编码的类、命名空间和文件名使用一致的命名规则有助于保持你代码的组织性、结构性和可读性。

    1)类

    类名应该只包含字母和数字字符。数字在大多数情况下是不鼓励使用的,除非他们属于一种技术手段。不要使用下划线,连字符或者其它任何非字母非数字的字符。举个例子:

    Ø MyCompany.useful_util.Debug_Toolbar 不鼓励这样命名

    Ø MyCompany.util.Base64 是可以被接受的

    类名应该被组成成为包,在包中合适恰当的使用对象属性点记号(.)分出命名空间。至少,应该只有唯一的顶层命名空间后面跟类名。举个例子:

    MyCompany.data.CoolProxy

    MyCompany.Application

    顶层命名空间和真实类的命名应该采用Camel形式(单词的首字母都大写),其它所有事物都应该是小写的。举个例子:

    MyCompany.form.action.AutoLoad

    不是Sencha发行的类永远不应该使用Ext作为顶层命名空间的名字。

    首字母缩略词也应该遵守上面列出的Camel形似命名规则。示例如下:

    Ext.data.JsonProxy 而不是Ext.data.JSONProxy

    MyCompany.util.HtmlParser 而不是 MyCompary.parser.HTMLParser

    MyCompany.server.Http 而不是MyCompany.server.HTTP

    2)源代码

    类地址的名字应该直接指向文件被存储的路径。基于此,每个文件中只能有一个类,示例如下:

    Ext.util.Observable 被存储在路径 /to/src/Ext/util/Observable.js 中

    Ext.form.action.Submit 被存储在路径 /to/src/Ext/form/action/Submit.js中

    MyCompany.chart.axis.Numeric 被存储在路径 /to/src/MyCompany/chart/axis/Numeric.js中

    Path/to/src 是你的应用程序类所在的路径。所有的类都应该在这个公共的根下面,并且为了获得最好的开发、维护和部署体验,适当的赋予命名空间。

    2)方法和变量

    跟类名类似,方法和变量的名字应该只包含数字和字母字符。数字被允许的,但在大多数情况下是不被鼓励的

    02

    [翻译]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

    用GAMESS中的Spin-flip TD-DFT找S0/S1交叉点

    寻找势能面交叉点是激发态的研究中经常遇到的问题。不同自旋多重度的势能面交叉点相关的介绍可以参考本公众号之前所发关于MECP系列文章。自旋多重度相同的势能面的交叉点常称为圆锥交叉(conical intersection, CI),我们也曾介绍过如何用CASSCF方法寻找CI点。然而CASSCF方法涉及活性空间的选择等问题,在使用上不是特别方便,对稍大一些的体系,其计算量往往也难以承受。TD-DFT是当前激发态计算中最常用的方法,不少程序支持使用TD-DFT来寻找CI点,如GAMESS、ORCA等。然而,对于S0和S1势能面的交叉点,则需要特别注意。虽然上述两个程序的TD-DFT都支持寻找S0/S1交叉点,而且碰巧的是,这两个程序官方给出的算例都是寻找S0/S1交叉点,但实际上TD-DFT在描述参考态(S0)与激发态的交叉点时是有缺陷的,原理上无法描述S0/Sn交叉点。这点在ORCA 5.0.2版的手册8.3.12节中已经指出,也有不少文献中提及此点,如J. Phys. Chem. A, 2009, 113, 12749.等文章。

    02

    Extjs 3.3 tree以下的版本在IE10无法点击的解决办法

    距上篇文章已过去好几天了,说好的一周发表1到3篇文章,难道都让狗吃了吗?现在才发布一篇而且还是转载的文章。 好了,闲话少叙,切入正题,Extjs前端框架是比较早的前端mvc框架了,可能很多人都没接触过,而且现在也很少有项目用Extjs框架搭建了,原因是什么?那就不得而知了,有人说是Extjs比较重…… 在使用Extjs3.3及以下的版本,在IE10环境中却无法点击树节点,而在IE的其他版本(IE7,IE8,IE9,IE11)均可正常。经过在网上查找资料得知,原因是因为Extjs3.3的ext-all.js中的getAttribute方法不能兼容IE10出错引起。 以下是Extjs3.3的ext-all.js的getAttribute方法

    02
    领券