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.οnkeydοwn=function(){if(event.keyCode==8)return false;};
这是屏蔽退格键的
解除：
document.οnkeydοwn=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>
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.οnkeydοwn=function(){if(event.keyCode==8)return false;};
这是屏蔽退格键的
解除：
document.οnkeydοwn=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>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
