Extjs :not componentQuery选择器返回0而不是N元素 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

Ext JS 教程-MVC架构原

如果你还不是很熟悉 ComponentQuery，应该确保去看看ComponentQuery文档以获得一个整体的解释。简要的来说，它允许我们传入一个类CSS的选择器去寻找页面上每一个匹配的组件。...这是因为我们的表格类仍然匹配 ’viewport > panel‘选择器。会这样的原因是我们的类扩展了Grid，而它相应的扩展了 Panel。...现在，我们向这个选择器中加入的监听器实际上会为每一个viewport的直接子节点的Panel或者Panel的子类而被调用，于是让我们用新的xtype把那些绑定起来。...然后我们再一次让ComponentQuery去快速得到编辑窗口中表单的引用。ExtJS 4中的每一个组件都有一个down方法，它接受一个ComponentQuery选择器去快速寻找任何子组件。...现在我们仅需要更新我们的存储区引用Model的名字，而不是提供内置的域… Ext.define('AM.store.Users', { extend: 'Ext.data.Store',

4.3K1 0

数组是如何随机访问元素？数组下标为什么从0开始，而不是1？

例如：二叉树，堆，图，等，是非线性表，是因为，在非线性表中，数据之间并不是简单的前后关系。数组是如何随机访问数组元素？数组是如何实现根据下标随机访问数组元素的吗？...最后，数组中的元素如下： A，C，X，D，E，C。什么时候会是最坏O(n)？从数组开头插入数据，所有的数据往后移一位，情况最差，时间复杂度为O(n) 。...+n)/n=(1+n)/2=O(n)。...为什么数组要从 0 开始编号，而不是1？从偏移角度理解a[0] 0为偏移量，如果从1计数，会多出K-1。增加cpu负担。...为什么循环要写成 for(inti=0;i而不是 for(inti=0;i<=2;i++)。

7.4K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

Extjs grid 组件

默认是"" dataIndex : String 和Model的列一一对应的 sortable : true 可以整理,可以进行分类的 field: 可编辑字典配置重要方法 getStore 返回当前页面所关联的...Object/Array 表格停靠在上下左右的工具条 selType : 'checkboxmodel', 选择框的选择模式 multiSelect :true,//允许多选 plugins 插件 Ext.ComponentQuery...列模式的住类 Ext.grid.column.Action xtype: actioncolumn 在表格中渲染一组图标按钮,并且为他赋予某种功能 altText : String 设置应用image元素上的...Ext.selection.RowModel rowmodel 行选择器　　重要属性 3.1multiSelect 允许多选 3.2simpleSelect 单选选择功能 3.3enableKeyNav...invalidateScrollerOnRefresh: false, disableSelection: true, }); 　demo 下载 https://github.com/ningmengxs/Extjs.git

3.1K8 0

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

原文地址：http://docs.sencha.com/extjs/4.0.7/#!...，而stores和controllers的getter返回的却是实际的实例。...在新的MVC包中，使用 Ext JS 4:的ComponentQuery新特性来获取视图的引用。...最后当你销毁一个你引用的组件后再调用getter方法将返回null,直到页面中存在另外一个符合选择器的组件出现。...不是在每个控制器里都监听同一个视图事件，而是只有一个控制器来监听视图事件然后触发一个由其他控制器监听的应用范围的事件。这也允许控制器在不知道或者不依赖已经存在的控制器情况下彼此通信。

8802 0

Extjs MVC架构 (官方文档翻译)【带源码】

原文地址：http://docs.sencha.com/extjs/4.2.5/#!...如果你对其不熟悉可以参考 ComponentQuery documentation。它允许我们使用类似css选择器那样的方式来找到页面中每个匹配的元素。...运行效果如下：虽然上面显示的并不是最令人兴奋的应用，但是它为我们展示了代码组织多么的容易。下面我们将添加一个grid。...我们采用'fit' 布局和form 作为唯一的元素，包含了用户名和邮箱地址的编辑框。最后创建了两个按钮，一个是关闭窗口一个是用来保存修改的值。...Ext JS 4 的每一个组件都有down方法，接受一个ComponentQuery选择器来快速地找到子组件。

1.9K2 0

Jquery简介选择的

大家好，又见面了，我是全栈君前言 Jquery一个js相框（程序代码相结合）这是一个程序开发过程中的半成品；分类似该框架EXTJS。...:has(selector)返回值:Array匹配含有选择器所匹配的元素的元素一个用于筛选的选择器演示样例描写叙述:给全部包括 p 元素的 div 元素加入一个 text 类HTML...:Array 匹配其父元素下的第N个子或奇偶元素 ‘:eq(index)’ 仅仅匹配一个元素，而这个将为每个父元素匹配子元素。...:nth-child从1開始的，而:eq()是从0算起的。...>:nth-child(3n+2) 參数 index Number 要匹配元素的序号。

2.3K2 0

CSS魔法堂：选择器及其优先级

，表达式结果为0时自动转换为； ③.纯数字n，如2n，指定匹配偶数位置索引的元素，n会自动从0开始自增长，至于何时才停止就不得而知了，表达式结果为0时自动转换为1； ④.纯数字n +/- 纯数字...，如2n+1，指定匹配奇数位置索引的元素，n会自动从0开始自增长，至于何时才停止就不得而知了，表达式结果为0时自动转换为。 ...而优先级又受到样式来源和选择器特殊性的影响，下面我们一起来了解以下。 1. 来源　　行内样式 > 页内样式 > 外部引用样式 > 浏览器默认样式 2....只在需要覆盖全局或外部插件的css规则（如Extjs、YUI插件的样式）的特定页面中才使用; 4. 首先考虑使用优先级来解决问题而不是!important....IE6中的bug IE6中伪类 :hover 、 :active 和 :visited 选择器的纬度不是0,0,1,0，而是0,0,2,0。

1.2K6 0

cssjshtml css 优先级

而当优先级与多个CSS声明中任意一个声明的优先级相等的时候，CSS中最后的那个声明将会被应用到元素上。当同一个元素有多个声明的时候，优先级才会有意义。...选择器类型下面列表中，选择器类型的优先级是递增的：类型选择器（type selectors）（例如, h1）和伪元素（pseudo-elements）（例如, ::before）类选择器（class...important 规则的声明被应用到相同的元素上时，拥有更大优先级的声明将会被采用。一些经验法则：一定要优化考虑使用样式规则的优先级来解决问题而不是 !...important 只有在需要覆盖全站或外部 css（例如引用的 ExtJs 或者 YUI ）的特定页面中使用 !important 永远不要在全站范围的 css 上使用 !...在您选择的元素之前，增加一个或多个其他元素，使选择器变得更加具体，并获得更高的优先级。

1K3 0

JavaWeb04-jQuery(Java真正的全栈开发)

核心理念是write less,do more(写得更少,做得更多) 当前流行的 JavaScript 库有： jQuery 使用非常多了 EXTJS 功能比jQuery更多，但ext2.0收费 Prototype...var obj2 = $obj.get(0); //alert(obj2.value); // 底层是数组，也可以直接通过下标获得dom对象 alert($obj[0].value); 三.选择器基本,层次,基本过滤,内容过滤,可见性过滤,属性,子元素过滤,表单过滤,表单对象属性过滤 1.基本 id选择器，语法：$("#id值") 元素(标签)...，返回值为移除对象。...detach()将指定对象移除，返回值为移除对象。但此对象保留绑定事件，绑定数据等。 6.包裹 wrap(...) ：每一个匹配元素使用指定的内容包裹。 wrapAll(...)

3K9 0

程序员Web面试之前端框架等知识

但是要动手干，还需要了解一些已有的前端框架、UI套件，即要站在巨人肩膀上而不是从轮子开始造汽车....jQuery UI 与 jquery 的主要区别是： (1) jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。...提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。...ExtJS ExtJS 是最流行的 JavaScript 框架之一，提供了非常丰富的 UI 组件，包括高性能的数据表格、图表、选项卡、弹窗、工具条和菜单等等整套的 Web UI 组件，可以帮助你构建用户体验良好的...Dojo Toolkit Dojo 自从诞生那天起就成为了 ExtJS 的有力竞争者，它最大的优势在于免费，可以在商业项目中自由使用。

2.8K5 0

jQuery选择器和选取方法

注意:这与“:first”不同 :gt(n) 匹配基于文档顺序、序号从0开始的选中列表中序号大于n的元素( jQuery的扩展) :has(sel) 匹配的元素拥有匹配内嵌选择器sel的子孙元素...注意:这与“:last”不同 :lt(n) 匹配基于文档顺序、序号从0开始的选中列表中序号小于n的元素( jQuery的扩展) :not(sel) 匹配的元素不匹配内嵌选择器sel :nth...注意该过滤器的序号是从1开始的，因此如果一个元素是其父节点的第一个子元素，会认为它是奇数元素，匹配的是3n+1，而不是3n。...如果传入文档元素给has()，它会将选中元素集调整为那些是指定元素祖先节点的选中元素: $("p").has("a[href]") //包含链接的段落 add()方法会扩充选区，而不是对其进行过滤或提取...注意contents()不接受可选的选择器字符串参数—因为它返回的文档节点不完全是元素，而选择器字符串仅用来描述元素节点。

6.1K4 0

前端之 CSS 知识点回顾

内联样式，在HTML元素中使用style属性定义样式选择器都有哪些派生选择器（根据文档的上下文关系来确定某个标签的样式。...，div p{}）群组选择器（使用逗号分隔，div,p,a{}）选择器的优先级当同一个元素有多个声明的时候，优先级才会有意义。...下面列表中，选择器类型的优先级是递增的：派生选择器（例如, h1）和伪元素（例如, ::before）类选择器(例如,.example)，属性选择器（例如, [type="radio"]），伪类（例如...一些经验法则一定要优化考虑使用样式规则的优先级来解决问题而不是!important 只有在需要覆盖全站或外部 css（例如引用的 ExtJs 或者 YUI ）的特定页面中使用!...CSS可以在元素的前后插入文本：在选择器的后面加上::before或者::after。在声明中，指定 content 属性，并设置文本内容。

1.2K4 0

jquery获取第几个子元素_js获取元素的指定子元素

元素；对于$(”label:only-child“)会选出是label元素，同时它是它父类唯一的子元素的label元素； :nth-child(n)：返回第n个子节点，n从1开始，如果n取0，...； :eq(n)：第n个匹配的元素(n从0开始)，如：li:eq(3)返回整个页面的第四个li元素，ul li:eq(1)返回页面中第一个ul元素下的第二个li元素，注意：只匹配一次就返回了； :gt...(n)：第n个匹配元素(不包括)之后的元素(n从0开始)，如：ul:gt(2)返回从第3个ul开始的所有ul元素(含第三个)； :lt(n)：第n个匹配元素(不包括)之前的元素(n从0开始)，如：ul...:lt(2)返回从第0个和第1个ul元素； 2....通过子选择器，容器选择器和属性选择器进行选择： *：匹配所有的元素，比如说:(*)会把页面中的所有元素都返回； E：匹配标签名为E的所有元素，如(“a”)返回所有链接元素； E F：匹配父元素E下的标签名为

30.1K3 0

JQuery选择器（中）

E:root:类型为E,并且是文档的根元素 E:nth-child(n):是其父元素的第n个类型为E的子元素 ,基数从1开始 E:first-child:是其父元素的第1个类型为E的子元素 E:last-child...的元素) E:not(s):类型为E,不匹配选择器s E:eq(n),E:gt(n),E:lt(n):元素限定 E:first:相当于E:eq(0) E:last:最后一个匹配的元素 E:even:从匹配的元素集中取序数为偶数的元素.../p"):所有div节点的父节点下的p标签还有相对路径的写法以及支持的Axis选择器,还不是会应用,不介绍了...已经一大堆了 $的其他用法: $(html节点):根据提供的原始HTML标记字符串,动态创建由...这个元素在匹配元素集合中的位置变为0,而集合长度变成1 gt(数字):将匹配的元素集合缩减为给定位置之后的所有元素 lt(数字):将匹配的元素集合缩减为给定位置之前的所有元素上面三个的例子: $("div...;如果带参数,必须是数字,基数从0开始.例子: $("div").get():返回一个div对象数组 $("div").get(1):返回第二个div对象 index(需求的元素节点对象):返回数字.用个例子说明

2.8K9 0

初识Ext.NET

不过值得注意的是，在给ExtJS表单控件赋值时，不要使用属性（text、value）赋值，这样只会将值写入到html控件里面，而ExtJS提交数据时不会提交，而应该采用其setValue方法。...即FormPanel控件不推荐使用Content元素布局，如果使用Items布局就不存在该问题了。...EventArgs e) { cblBusinessDistrict.ColumnsNumber = cboTest2.ColumnsNumber = 5; for (int i = 0;...cblBusinessDistrict.Items) { _str += item.BoxLabel + ":" + item.InputValue + ":" + item.Checked + "\\n"...cboTest2.Items) { _str += item.BoxLabel + ":" + item.InputValue + ":" + item.Checked + "\\n"

2K6 0

jQuery选择器大全(48个代码片段+21幅图演示)2

需要大家注意的是，:fisrst和:last返回的都是单个元素，而:first-child和:last-child返回的都是集合元素。...举个例子：div:first返回的是整个DOM文档中第一个div元素，而div:first-child是返回所有div元素下的第一个元素合并后的集合。...这里有个问题：如果一个元素没有子元素，:first-child和:last-child会返回null吗？...要注意的是，这儿的n不像eq(x)、gt(x)或lt(x)是从0开始的，它是从1开始的，英文里好像也没有zeroth这样的序号词吧。...例如x = 3, y = 0时就是3n，表示取第3n个元素（n>=0）。实际上xn+y是上面两种的通项式。

2.1K8 0

2019年底前的web前端面试题初级-web标准应付HR大多面试问题

，而article元素强调独立性。...undefined,null,-0,NaN,""空字符串,false switch使用情况，在匹配某个值相对不相等，而不是匹配某个范围的情况下。...9 数字 \r\n\t 非打印字符 \d 数字，相当于0-9 \D \d取反 \w 字母数字下划线 \W \w取反 \s 空白字符 \S 非空字符 {n} 匹配n次 {n,}匹配至少n...词 {n,m} 至少n次，最多m次匹配0个或多个，{0,} 匹配1个或多个，{1,} ?...getMouth() 返回月 getDate() getDay()返回星期 getHours(0返回小时 getMinutes()返回分钟 getSeconds(）返回秒 getTime()

3.2K5 0

JQuery选择器和JQuery包装集

[i].innerHTML = 'div' + i;//通过索引访问到的元素不是JQuery对象，而是DOM对象} JQuery包装集在此介绍一些基本的JQuery包装集及使用 ready()方法...4 转换为一个新数组：$.map( [0,1,2], function(n){ return n + 4;}); 结果:[4, 5, 6] 原数组中大于 0 的元素加 1 ，否则删除：$.map(...[0,1,2], function(n){ return n > 0 ?...n + 1 : null;}); 结果:[2, 3] 原数组中每个元素扩展为一个包含其本身和其值加 1 的数组，并转换为一个新数组：$.map( [0,1,2], function(n){ return...[ n, n + 1 ];}); 结果:[0, 1, 1, 2, 2, 3] $("p").not($("#testid")[0])去除所有与给定选择器匹配的元素 <input name="apple

4.4K2 0

JavaWeb（八）JQuery

jQuery 市场用得比较多两个框架： jQuery 比较适合做一些互联网的应用（12306.com,蘑菇街，美丽说，聚美） extjs 比较适合做后台管理系统（电商（订单管理），银行，电信）核心：...dom 而产生的一个新的对象，jquery 对象时jQuery 独有的，不能调用dom 对象里面的属性和方法，jQuery 对象是一个数组。...(3)") 列表中的第四个元素（index 从 0 开始） :gt(no) $("ul li:gt(3)") 列出 index 大于 3 的元素 :lt(no) $("ul li:lt(3)") 列出....eq() 将匹配元素集合缩减为位于指定索引的新元素。 .filter() 将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素。....is() 根据选择器检查当前匹配元素集合，如果存在至少一个匹配元素，则返回 true。 .last() 将匹配元素集合缩减为集合中的最后一个元素。

2.5K4 0

Web专题分享

例如:hover伪类会在鼠标指针悬浮到一个元素上的时候选择这个元素： a:hover { } 它还可以包含了伪元素，选择一个元素的某个部分而不是元素自己。...名') 返回值：返回一个指定 id 的具体的标签元素 class 选择器 document.getElementsByClassName('class名') 返回值：所有具有指定class名称的元素...('name') 该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。...另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。...可以通过索引访问，索引值从 0 开始。提示: 你可以使用 NodeList 对象的 length 属性来获取匹配选择器的元素属性，然后你可以遍历所有元素，从而获取你想要的信息。

3.3K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭