Ext.js问题重现整理(2)(triggerCls及其他)

本文介绍了Ext.js中用于优化性能的Ext.suspendLayouts和Ext.resumeLayouts方法,它们用于协调组件更新避免多余布局操作。此外,讨论了triggerCls属性的四种样式及其在组件样式设置中的应用,同时分享了正则表达式的使用示例,用于匹配特定格式的字符串。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、今天遇到了两个属性  Ext.suspendLayouts、Ext.resumeLayouts。用来协调多个组件和容器的更新。例如,要迅速增加两个组件到两个连续容器,会导致多个布局和渲染操作被执行。如果在添加这些组件之前调用Ext.suspendLayouts方法,将不再单独执行个别组件的布局操作。添加完成后,调用Ext.resumeLayouts方法,框架将只执行一次渲染和布局操作。谨记,不单添加组件会触发容器的布局操作,组件的其它操作或改变也会触发容器的布局操作。重要的是针对在应用中的性能问题进行具体情况具体分析,以确保没有多余的布局操作被执行。

今天的项目用到了这两个属性,但是这个功能还没有完全写完,写完之后读一下。



2、今天发现了优快云的一个大牛的关于Ext.js的博客,大牛的名字是“上将军”。

3、triggerCls有四种样式。


3、不同的折叠方式展现,类似如下:这种效果我并没有实现(20151209)。


4、搜索节点的时候给节点加样式,首先居然没有意识到node是一个组件,对node.isLeaf()也不敏感,Ext.js里面的样式也是等于某个样式,没有想象中复杂。就如 triggerCls: 'x-form-search-trigger',这里是冒号,是框架内的样式,我的等于符号是因为自定义的类名样式。mycls是我自定义的写在<style></style>标签里的。


5、正则

v = new RegExp(this.getValue(),'i')

var re = new RegExp("" +val+ "=([^&?]*)", "ig"); 

[^&?]*表示不包含&或者?的字符串重复0次或者多次,参数i表示ignore case,忽略大小写,g代表global全局搜索,m影响对行首行尾的解释。


嗷,研究了这么久,老大把框架抠出来了,不会用到我学习的东西。伤心。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值