学习ExtJS Panel常用方法

2017年02月06日 28 阅读

一、属性frame：布尔类型true 或 false ，为true时表示边框为圆角且具有背景色，取false则反之。xtype：在EXTJS的可视化组件部署中的一种机制，即通过指定xtype的值，来告诉容量如何初始化所包含的级件，如xtype:"textfiled",表示使用Ext.form.TextFile来进行初始化当前组件。xtypeClass-------------------------------box Ext.BoxComponentbut...

学习ExtJS Window常用方法

2017年02月06日 27 阅读

一、属性 plain：布尔类型，true表示强制与背景色保持协调，默认值为false。 resizable：布尔类型，用户是否可以调整窗体大小，默认值为true表示可以调整大小。 maxinizable：布尔类型，true表示显示最大化按钮，默认值为false。 maximized：布尔类型，true表示显示窗体时将窗体最大化，默认值为false。 closable：布尔类型，true表示显示关闭按钮，默认值为true。 bodyStyle：与边框的间距，...

学习ExtJS 访问容器对象

2017年02月06日 27 阅读

一、属性 ownerCt：得到当前对象所在的容器。 items：集合列表 二、应用举例 复制代码 代码如下: Ext.onReady（function（）{ var _window = new Ext.Window（{ title:"测试窗体", layout:"form", width:300, plain:true, items:{ id:"name", xtype:"textfield", fieldLabel:"姓名" }, buttons:[{ ...

学习ExtJS Column布局

2017年02月06日 26 阅读

一、属性（构造参数） baseCls:"x-plain" Panel背景色颜色。 layout:"column" Panel进行列布局。 在子元素中指定使用columnWidth或width来指定子元素所占的列宽度。 columnWidth表示使用百分比的形式指定列宽度。 width则是使用绝对象素的方式指定列宽度，在实际应用中可以混合使用两种方式。 二、应用举例 复制代码 代码如下: Ext.onReady（function（）{ new Ext.Win...

学习ExtJS border布局

2017年02月06日 25 阅读

一、Border布局由类Ext.layout.BorderLayout定义，布局名称为border。该布局把容器分成东南西北中五个区域，分别由east，south, west，north, cente来表示，在往容器中添加子元素的时候，我们只需要指定这些子元素所在的位置，Border布局会自动把子元素放到布局指定的位置。 二、应用举例 复制代码 代码如下: Ext.onReady（function（）{ new Ext.Viewport（{ layout:...

学习ExtJS fit布局使用说明

2017年02月06日 27 阅读

一、Fit布局，子元素将自动填满整个父容器（对元素设置宽度无效），如果容器组件中有多个子元素，则只会显示第一个子元素。 二、应用举例 复制代码 代码如下: Ext.onReady（function（）{ new Ext.Panel（{ renderTo:Ext.getBody（）, title:"容器组件", layout:"fit", width:500, height:100, items:[{title:"子元素1",html:"这是子元素1中的内容...

学习ExtJS form布局

2017年02月06日 25 阅读

一、 Form布局由类Ext.layout.FormLayout定义，名称为form，是一种专门用于管理表单中输入字段的布局，这种布局主要用于在程序中创建表单字段或表单元素等使用。 hideLabels：tru表示隐藏标签，默认为false。 labelAlign：标签队齐方式left、right、center,默认为left。 复制代码 代码如下: Ext.onReady（function（）{ var _panel = new Ext.Panel（{ ...

学习ExtJS accordion布局

2017年02月06日 28 阅读

一、Accordion布局由类Ext.layout.Accordion定义，表示可折叠的布局，点击每一个子元素的头部名称或右边的按钮，则会展开该面板，并收缩其它已经展开的面板。 layoutConfig：true表示在执行展开折叠时启动动画效果，默认值为false。 二、应用举例 复制代码 代码如下: Ext.onReady（function（）{ var _panel = new Ext.Panel（{ title:"人员信息", renderTo:Ex...

学习ExtJS table布局

2017年02月06日 27 阅读

一、Table布局由类Ext.layout.TableLayout定义，类以于html中的table，可以对行或列进行合并。 layoutConfig使用columns指定父容器分成3列， rowspan合并行数目。 colspan合并列数目。 二、应用举例 复制代码 代码如下: Ext.onReady（function（）{ var _panel = new Ext.Panel（{ title:"人员信息", renderTo:Ext.getBody（）...

Javascript 日期处理之时区问题

2017年02月06日 28 阅读

复制代码 代码如下: //dateObj是一个日期对象，days表示给这个日期加多少天，比如说4，5（天） function dateAdd（dateObj,days）{ var tempDate = dateObj.valueOf（）; tempDate = tempDate + days * 24 * 60 * 60 * 1000; tempDate = new Date（tempDate）; return tempDate; } //然后使用,创建一...

jquery 最简单的属性菜单

2017年02月06日 28 阅读

1.0 创建 <UL> 菜单树！ 并影藏 子选项！ 2.0 加入！ 复制代码 代码如下: $（"li:has（ul）"）.click（ function （）{$（this）.children（"ul"）.css（"display"）=="none"？$（this）.children（"ul"）.show（"slow"）:$（this）.children（"ul"）.hide（"slow"）; } ）; 3.0 你完成了！...

JavaScript 监听textarea中按键事件

2017年02月06日 26 阅读

有个textarea， Java代码 复制代码 代码如下: <textarea id="text"></textarea> 经常会定义onKeyPress="keypress（）;",并定义以下方法。 复制代码 代码如下: var keypress = function（e）{ var e = e || window.event; var k = e.keyCode; } 这里我使用的办法是JQuery。 复制代码 代码如下: ...

Javascript isArray 数组类型检测函数

2017年02月06日 27 阅读

1、typeof操作符。对于Function、String、Number、Undefined这几种类型的对象来说，不会有什么问题，但是针对Array的对象就没什么用途了： Js代码 复制代码 代码如下: alert（typeof null）; // "object" alert（typeof []）; // "object" 2、instanceof操作符。此操作符检测对象的原型链是否指向构造函数的prototype对象，恩，听起来不错，应该可以解决我们...

有效的捕获JavaScript焦点的方法小结

2017年02月06日 26 阅读

1. 设置元素可获得焦点以监听键盘事件 元素聚焦最大好处就是可允许发送键盘事件，HTML很多元素默认就有可聚焦，如form表单元素，a锚链接等，但大部份默认是不能聚焦的。要使得元素能够聚焦，可以在HTML代码或JavaScript脚本中实现。 html: 复制代码 代码如下: <div tabIndex="0" style="height:100px;width:100px; background:red;"></div> Jav...

JavaScript delete 属性的使用

2017年02月06日 26 阅读

delete 是删除对象的一个属性，例如对于一个对象， var obj = {key:5}; delete obj.key就是删除该对象的key属性，这个没什么问题，但当对象的原型prototype对象也存在该属性时，就值得注意了。 复制代码 代码如下: var A = function（）{}; A.prototype.testMe = true; var a = new A（）; //覆盖原型属性 a.testMe = true; if（a.testM...

防止动态加载JavaScript引起的内存泄漏问题

2017年02月06日 27 阅读

为了释放脚本资源，通常在返回后还要一些进行额外的处理。 复制代码 代码如下: script = document.createElement（"script"）; script.src = "http://example.com/cgi-bin/jsonp？q=What+is+the+meaning+of+life%3F"; script.id = "JSONP"; script.type = "text/javascript"; script.chars...

javascript Range对象跨浏览器常用操作第1/2页

2017年02月06日 28 阅读

开发的功能主要涉及即时代码着色（CodeColoring）和语法提示（CodeHints）功能，稍后会总结功能开发中问题或提供源码。 以下是个人对Range对象的了解和常用操作的实例和总结： Range对象 Range对象表示文档的连续范围区域，如用户在浏览器窗口中用鼠标拖动选中的区域。 dom标准Range对象 http://www.w3school.com.cn/xmldom/dom_range.asp 在ie中使用TextRange对象 http:/...

js css样式操作代码（批量操作）

2017年02月06日 24 阅读

我们用js书写css样式通常会用下面的两种方式： 一般情况下我们用js设置元素对象的样式会使用这样的形式： 复制代码 代码如下:var element= document.getElementById（”id”）; element.style.width=”20px”; element.style.height=”20px”; element.style.border=”solid 1px red”; 但是上面的方法有一个缺点，样式一多，代码就很多；而且通...

JavaScript 另类遍历数组实现代码

2017年02月06日 27 阅读

无标题文档 a b c d [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

JS模拟的QQ面板上的多级可展开的菜单

2017年02月06日 23 阅读

QQ菜单 if （！document.getElementById） document.getElementById = function（） { return null; } function initializeMenu（menuId, actuatorId） { var menu = document.getElementById（menuId）; var actuator = document.getElementById（actuat...