EXT render handler listeners
handler一般是点击按钮时执行
render方法是组件渲染时执行
listeners表示监听,写一个例子你就知道了:
Ext.create('Ext.button.Button',{
text:'click',
listeners:{click:function(){
alert('hellow')
}}
})
当然他的意思和下面是一样的
Ext.create('Ext.button.Button',{
text:'click',
handler:function(){
alert('hello')
}
})
***********************************************************************************
js截取字符串
"".substr(startindex, length);
"".substring(startindex, endindex);
***********************************************************************************
国家码可以没有长途前缀,国家码没有长途前缀下面就不可以配地区码。
***********************************************************************************
getRawValue()获得显示的值
getValue()获得实际的值
***********************************************************************************
将十六进制字符串转换为十进制数字
parseInt('F',16);//字符串的范围控制在0-F 字符大小写一样
将十进制数字转换为二进制字符串
9.toString(2);
***********************************************************************************
String对象的方法 slice()、substring() 和 substr() (不建议使用)都可返回字符串的指定部分。
slice() 和 substring() 的参数和作用一样,都是返回从起始位置到中止位置之间的字符串片断。
slice() 比 substring() 要灵活一些,因为它允许使用负数作为参数。
而 substr() 则用字符位置和长度来指定子串。
***********************************************************************************
Ext.getCmp('***').getStore().getCount()获取当前页条目数
Ext.getCmp('***').getStore().getTotalCount()获取所有条目数
************************************************************************************
Ext.form.NumberField独有配置表:
allowDecimals Boolean 是否允许输入小数(默认true)
allowNegative Boolean 是否允许输入负数(默认true)
baseChars String 输入有效数字集合,默认为'0123456789'
decimalPrecision Number 输入数字精度(默认保留小数点后2位)
decimalSeparator String 十进制分隔符(默认'.')
maxValue Number 允许输入最大数值
maxText String 最大值验证失败错误提示信息
minValue Number 允许输入最小值
minText String 最小值验证失败错误提示信息
nanText String 无效数据错误提示信息
************************************************************************************
var aa=11;
Test();
//var b = new Test().aa;
//alert("b---" + b);
alert("1--" + aa);
function Test()
{
var aa=33;
alert("2--" + this.aa);
this.aa = 22;
alert("3--" + this.aa);
alert("4--" + aa);
}
alert("5--" + new Test().aa);
2-11
3-22
4-33
1-22
2-undefined
3-22
4-33
5-22
************************************************************************************
<html>
<head>
<script>
var reg = /^\/$/;
var s = '/';
alert(reg.test(s));
</script>
</head>
<body>
</body>
</html>
js里/是需要转义的。
需要转义的字符 {[\*.^$+?|
************************************************************************************
js数组删除第几个数据,splice()方法
array.splice(1,1);
第一个参数是第几个元素,第二个参数是删除几个参数
************************************************************************************
换行(\n)就是光标下移一行却不会移到这一行的开头,回车(\r)就是回到当前行的开头却不向下移一行.
换行好理解,就是跳到下一行嘛
回车嘛
在计算机还没有出现之前,有一种叫做电传打字机(TeletypeModel33)的玩意,每秒钟可以打10个字符。但是它有一个问题,就是打完一行换行的时候,要用去0.2秒,正好可以打两个字符。要是在这0.2秒里面,又有新的字符传过来,那么这个字符将丢失。于是,研制人员想了个办法解决这个问题,就是在每行后面加两个表示结束的字符。一个叫做“回车”,告诉打字机把打印头定位在左边界;另一个叫做“换行”,告诉打字机把纸向下移一行。这就是“换行”和“回车”的来历,从它们的英语名字上也可以看出一二。后来,计算机发明了,这两个概念也就被般到了计算机上。那时,存储器很贵,一些科学家认为在每行结尾加两个字符太浪费了,加一个就可以。于是,就出现了分歧。Unix系统里,每行结尾只有“<换行>”,即“\n”;Windows系统里面,每行结尾是“<换行><回车>”,即“\n\r”;Mac系统里,每行结尾是“<回车>”。一个直接后果是,Unix/Mac系统下的文件在Windows里打开的话,所有文字会变成一行;而Windows里的文件在Unix/Mac下打开的话,在每行的结尾可能会多出一个^M符号。
************************************************************************************
var s = "s s s s";
s = s.split(/\s+/g); //将字符串按空格切割
s = s.replace(/\s+/g,","); //将所有空格替换为逗号
************************************************************************************
string.indexOf('aa',startIndex);
************************************************************************************
Math.ceil求最小的整数但不小于本身.
Math.round求本身的四舍五入。
Math.floor求最大的整数但不大于本身.
************************************************************************************
取小数点后两位
Math.round(x*100)/100
************************************************************************************
<script>
function a ()
{
var a = this;
this.aa = function()
{
alert('aa');
this.ab();
ac();
}
this.ab = function()
{
alert('ab');
}
function ac()
{
alert('ac');
a.ab();
}
}
var s = new a();
s.aa();
</script>
类a中有 this.aa thi.ab ac
this.aa可以调用 this.ab ac
ac要调用this.aa 需实例化a
************************************************************************************
js定时器
使用setInterval,setInterval返回一个唯一的数字编号的timer
var timer = setInterval(function,时间); //timer如:1425
销毁定时器
clearInterval(timer);
************************************************************************************
array.sort(); //数组正向排序
array.reserve(); //数组反向排序
array.splice(startIndex,length); //删除数组从第几个,删除几个
************************************************************************************
两个raido 可以使用setValue(true)使之其中一个选中,但不要忘记把另外一个setValue(false)
************************************************************************************
setTimeOut是一次触发,即x秒后执行一下x函数.以后就不执行了
setInterval循环触发,x秒后执行一下x函数
************************************************************************************
Ext.getCmp("").el.dom.innerHTML = ''; 改变innerHTML 或者
Ext.getDom("").innerHTML = '';
Ext.getDom('').style.color = '#333333'; 改变css颜色样式
************************************************************************************
Ext.getCmp('').getStore().proxy.data 获取表格所有存储数据,返回值为Array类型
GridCmp.getStore().getTotalCount();获取grid表格对象数据总数,无视分页。
GridCmp.getStore().proxy.data;获取grid表格所有数据,无视分页,表格对应的二维数组,要获取每行数据可以GridCmp.getStore().proxy.data[i];
GridCmp.getStore().getCount();获取grid表格对象当前分页数据总数,当前页显示多少条数。
GridCmp.getStore().data.items;获取grid表格当前分页所有数据,当前页表格对应的二维数组,每个一维数组里是一个对象,对应表格一行,要获取每行数据可以GridCmp.getStore().data.items[i].json;
************************************************************************************
document.onkeydown=function(){if(event.keyCode==8)return false;};
这是屏蔽退格键的
解除:
document.onkeydown=null;
************************************************************************************
js修改class样式document.getElementById().className = 'dd';
************************************************************************************
labelSeparator属性,修改labelfield文字后面显示的内容,如冒号
************************************************************************************
parseInt(int,16);方法是把int转换为十进制,后面的16是指把int当做十六进制来看
************************************************************************************
用CSS定义label {width:68px;},在IE中可以见到效果,但在firefox中需多定义一个属性,才能起作用,如下:
label {
display:inline-block;
width:68px;
}
而对于设置UL的宽度为100%(width:100%),在firefox中不起作用,需加上overflow: hidden;
************************************************************************************
position:relative|absolute|static|fixed
◆static没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。
◆relative不脱离文档流,参考自身静态位置通过top,bottom,left,right定位,并且可以通过z-index进行层次分级。
◆absolute脱离文档流,通过top,bottom,left,right定位。选取其最近的父级定位元素,当父级position为static时,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。
◆fixed固定定位,这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。
一般来说relative就是相对定位 他位置是参照自身原来的位置定位的,定义中说"不脱离文档流"就是说文档会预留原来的位置.
注意的是absolute绝对对定位:
他参照的定位分两个情况:
1.父对像没有设置position或position为static;它参照的就是body坐标原点.
2.其它时候时候它参照的是父对像的左上角坐标
************************************************************************************
JS正则
<script>
var reg = new RegExp(/^(\d{4})-(\d{1,2})-(\d{1,2})$/);
var str = reg.exec('1985-10-15');
var str2 = reg.test('1985-10-15');
alert(str);
alert(str2);
alert(RegExp.$1);
var reg2 = new RegExp(/^\d{4}\-\d{1,2}\-\d{1,2}$/);
var str3 = reg2.exec('1985-10-15');
alert(str3);
alert(RegExp.$1);
var reg3 = new RegExp(/\d{4}\-\d{1,2}/);
var str4 = reg3.exec('1985-10-15');
var str5 = ('1985-10-15').match(reg3);
alert(str4);
alert(str5);
alert(RegExp.$1);
</script>
************************************************************************************
<script>
var s = new Array();
s['a'] = new Array();
s['a']['b'] = 'fff';
s['a'][0] = 'bbb';
alert(s['a']['b']);
//js数组就是一个object,s['a']就是给这个数组对象添加一个属性,s[0]则是给这个数组第一个位置设置值,互不相干
</script>
<script>
var s = [{'a':'ssss'}]; //json格式,其实就是一个对象
alert(s[0].a);//或者alert(s[0]['a']);
</script>
分享到:
相关推荐
自己平时记录的一些开发中遇到的问题以及解决方案,是CHM版的。各种语言都有,如:JSP,J2EE,ASP.NET,ASP ,PHP,SQLSERVER,等
博主可能分享了架构设计的思路、遇到的问题以及解决方案,这对于学习和借鉴他人经验非常有价值。 通过研究和理解SiteStar系统架构,我们不仅可以学习到实际项目中的架构设计实践,还能提升自己在源码分析、工具运用...
这篇博客"收集记录一些在使用Python、Django中遇到的问题及解决方法"提供了一个宝贵的资源库,其中包含了作者在实际开发过程中的经验总结和解决方案。 首先,Python作为一门动态类型的编程语言,其灵活性是它的优点...
标题中的"C# WinForm问题记录器"是一款使用C#编程语言和Windows Forms(WinForm)框架开发的应用程序,专门设计用于记录和管理个人在学习或工作中遇到的技术问题及其解决方案。这款工具可以帮助用户有效地整理和回顾...
在教育过程中,我们经常遇到一些具有特殊需求或问题的学生,他们可能因为种种原因在学习或心理上存在障碍,这类学生被称为特殊问题学生。他们可能在学业成绩上落后,或者在社交能力上有困难,甚至可能表现出孤僻或...
《顾客问题记录与处理表格格式》是IT服务管理中一种重要的文档工具,主要用于记录和跟踪客户在使用产品或服务过程中遇到的问题,以便于提供高效、准确的解决方案。这份表格的结构设计涵盖了问题的各个方面,有助于...
本压缩包文件“记录学习mysql中遇到的一些问题,自己写的练习代码.zip”可能包含了一些作者在学习MySQL时解决的问题以及对应的练习代码,虽然没有具体的标签提供更多的信息,但我们可以从常见的学习路径和问题出发,...
这个压缩包“好记性不如烂笔头,搭建此博客记录工作中遇到的一些问题.zip”似乎是一个个人开发者或IT从业者用来整理和分享其在工作过程中碰到的问题及解决方案的资源。在这个压缩包中,有两个主要的文件:说明.txt和...
然而,如同任何电子产品一样,它可能会遇到一些故障,比如开机无声、屏幕亮红灯以及恢复键失效等问题。这些问题可能是由于软件错误或系统崩溃导致的,而解决这些问题通常需要对记录仪进行软件更新或恢复出厂设置。 ...
QQ聊天记录Mht转Html格式之前遇到过一个需求,要把别人导出的全部MHT格式的聊天记录读出来,结果网上找的一些MHT转HTML的工具都不支持大的MHT格式的聊天记录转换,查了一下MHT的存储方式原理挺简单,就自己写了个,...
之前遇到过一个需求,要把别人导出的全部MHT格式的聊天记录读出来,结果网上找的一些MHT转HTML的工具都不支持大的MHT格式的聊天记录转换,查了一下MHT的存储方式原理挺简单,就自己写了个,测试转换10G的MHT文件没...
问题描述是对测试中遇到问题的详细叙述,应清晰、准确,以便开发人员理解问题的本质。例如,宏站勘察导入时没有正确验证经纬度的合法性,导致数据错误地被标记为导入成功但实际上并未导入。 问题截图是问题记录的...
Java学习笔记,主要来源于B站上视频的学习,同时会记录平时一些学习和项目中遇到的问题,同步更新在蘑菇博客,如果对我的
"故障描述"应详尽地记录故障的现象和影响,包括用户遇到的问题、系统错误信息等。这些信息对于故障诊断至关重要,能够帮助技术人员了解故障的全貌。 "故障诊断"是分析问题本质的过程,通常涉及查看系统日志、执行...
- **问题描述**:详细记录用户遇到的问题,帮助技术人员理解问题本质。 - **产品/项目编号**:识别问题所属的产品或项目。 - **产品/项目名称**:明确问题出现的具体软件或系统。 - **版本**:确定问题是否由...
主要记录个人在进行后仿时的操作步骤和遇到的一些小问题,仅供个人记录,偶这个脑子哦
在数据库管理中,经常会遇到需要清理数据表中重复记录的情况。这些重复记录不仅会占用不必要的存储空间,还可能导致数据分析时出现错误的结果。本文将详细介绍如何在不同的数据库系统(如MySQL、SQL Server、Oracle...
GBase8s安装文档+遇到问题记录:在选择是否创建默认实例后提示Install Directory not secure
在日常使用电脑的过程中,遇到技术问题是在所难免的。特别是在Windows 7操作系统中,虽然它为用户提供了一个稳定而熟悉的使用环境,但偶尔也会发生一些让人头疼的问题。此时,一个强大的工具便显得至关重要了——那...
之前遇到过一个需求,要把别人导出的全部MHT格式的聊天记录读出来,结果网上找的一些MHT转HTML的工具都不支持大的MHT格式的聊天记录转换,查了一下MHT的存储方式原理挺简单,就自己写了个,测试转换10G的MHT文件没...