iteye_9439-CSDN博客

原创 toggle()方法进行显示隐藏交互事件

$(document).ready(function(){ $(".btn1").click(function(){ $("p").toggle(); //toggle()方法进行显示隐藏交互事件，如果显示的就进行隐藏，如果是隐藏的就显示 }); $(".btn2").toggle(function(){ $(".div1").toggle();...

2013-12-05 17:13:20 468

原创单例模式动机与定义

比如：windows窗口只能打开一个任务管理器。就是说整个系统只有唯一一个实例。动机：定义一个全局变量可以确定对象随时都可以被访问，但不能防止我们实例化多个对象。最好的解决办法是自身负责保存它的唯一实例。保证没有被其他实例创建，并且它可以提供一个访问该实例的方法。定义：确保某个类只有一个实例，自行实例化并向整个系统提供这个实例，这个类称为实例类，它提供...

2013-11-13 17:35:48 523

Date类学习总结

Date类学习总结　 1.计算某一月份的最大天数Calendar time=Calendar.getInstance();time.clear();time.set(Calendar.YEAR,year); //year 为 inttime.set(Calendar.MONTH,i-1);//注意,Calendar对象默认一月为0 int day=...

2013-11-05 23:09:36 179

Ext.data.TreeStore 分级异步加载树节点示例

Ext.data.TreeStore远程加载树节点有两种常用方式，分别是：分级加载和整体加载。对于结构复杂数据量大的树结构使用分级加载可以极大提高程序响应速度并提升用户体验。客户端： My JSP 'treecolumn.jsp' starting page ...

2013-07-10 15:36:25 1467

原创 Ext.Ajax.request提交JSON数据

JSON作为轻量级的数据传输格式，在很多时候可以作为XML文件格式之外的另一个选择。使用json-lib-2.4-jdk15.jar 在后台对JSON数据进行解析lib下必须添加json所需的jar包：json-lib-2.4-jdk15及其依赖jar包相关jar包： commons-beanutils-1.8.0.jar commons-collections...

2013-07-10 09:29:15 945

Ext.Ajax.request提交XML数据示例

服务器端：loginServerXml.jsp[color=red]在lib下要有dom4j-1.6.jar [/color]，dom4j是一个非常优秀的Java XML API，具有性能优异、功能强大和极端易用的特点)客户端： Ext.Ajax.request提交XML数据示例 ...

2013-07-09 16:51:45 194

Ext.Ajax.request异步提交表单示例

服务器端代码：loginServer.jsp客户端代码：mylogin.jsp Ext.Ajax.request异步提交表单示例 [color=red] 用户名：密码： ...

2013-07-09 16:10:05 227

树形面板Ext.tree.Panel

无标题文档 Ext.onReady(function(){ [color=red]Ext.create('Ext.tree.Panel',{[/color] title:'tree 面板简单示例', width:180, height:200, renderTo:Ext.getBody(), ...

2013-07-05 15:19:25 195

relayEvents传播分发事件

无标题文档 Ext.onReady(function(){ var Employee=Ext.extend(Ext.util.Observable,{ constructor:function(config){ this.name=config.name; this.eat=function(){ ...

2013-07-04 14:17:09 403

原创改变文档样式风格示例

改变文档样式风格示例 Ext.onReady(function(){ var themes=[ {theme:'默认',css:'ext-all.css'}, {theme:'黑色',css:'ext-all-access.css'}, {theme:'灰色',css:'ext-all-gray.css'} ];...

2013-07-04 10:55:52 110

原创 ExtJS事件绑定方式示例

无标题文档Ext.onReady(function(){ function hello1(){ alert('hello1'); return false; } function hello2(){ alert('hello2'); return false; } [co...

2013-07-04 10:55:33 177

原创 Extjs自定义事件

无[color=red][/color]Ext.onReady(function(){ var Person=Ext.extend(Ext.util.Observable,{ constructor:function(name){ this.name=name; //this表示的是作用域，相当于指针，指向了Person的对象 ...

2013-07-04 10:54:40 111

Ext.util.JSON编码和解码JSON对象

Ext.onReady(function(){ //通过字符串描述一个对象 var jsonStr="{name:'the json name',value:'the json sample value'}"; //进行编码，这时将形成一个含有逻辑关系的对象 [color=red] var obj=Ext.JSON.decode(jsonStr,true);//...

2013-07-03 15:27:05 594

Ext.util.Format提供的常用格式化方法

无标题文档 Ext.onReady(function(){ var str="<table width='300' cellspacing=1 border=1 cellpadding=1>table string"; var str1="action"; var dat=new Date(); var str2=12345;...

2013-07-03 14:57:56 875

Ext.util.ClickRepeater 事件的配置和触发

[color=red]Ext.util.ClickRepeater 继承Ext.util.Observable的包装类，可应用于任何Element。是一个click的转发器，起到click事件的转发和绑定作用，是所有事件绑定的原始类。初始化Ext.util.ClickRepeater，配置并触发click , mousedown , mouseup 等事件。[/color] E...

2013-07-03 11:55:33 194

样式表的创建和规则获取示例

样式表的创建和规则获取示例 Ext.onReady(function(){ var panel=new Ext.Panel({ title:'样式表的创建和规则获取示例', frame:true, renderTo:'test1', width:'300px', html:""+ ...

2013-07-03 10:44:04 114

Ext.KeyNav为元素提供简单的按键处理方法示例

Ext.KeyNav为元素提供简单的按键处理方法示例 Ext.onReady(function(){ var panel=new Ext.Panel({ title:'Ext.KeyNav示例', frame:true, renderTo:'sub1', width:'300px', ...

2013-07-03 09:46:01 180

原创 Ext常用函数

函数一：Ext.onReady（）[color=red]Ext的Dom都是动态生成的，而onReady的调用是发生在所有的Document对象都加载完毕的时候，所以为了保障请求是安全的，应该保持所有的处理都在onReady中进行！[/color]Ext.onReady(Function fn,Object scope,boolean override)参数说明：fn: ...

2013-07-01 16:42:42 717

水平盒布局HBox

布局 Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ title:'Ext.layout.container.HBox', layout:{ [color=red] type:'hbox', //水平盒布局 align:'stretch' //子面...

2013-07-01 15:43:24 217

原创 Ext.layout.container.Column布局

Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ layout:'column', title:'Ext.layout.conatiner.Column布局示例', frame:false, height:150, width:300, renderTo:Ext....

2013-07-01 15:18:56 181

原创表格布局

布局 Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ title:'Ext.panel.container.Table', layout:{ type:'table', //表格布局 columns:4 //设置表格布局默认列数为4列 ...

2013-07-01 15:18:09 85

Absolute绝对位置布局示例

Ext.layout.container.Absolute对应面板布局配置项的名称为Absolute，它可以根据子面板中配置的x/y 坐标进行定位。下面是绝对位置布局的简单示例：绝对位置布局 Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ layout:'absolute'...

2013-07-01 14:35:34 130

Card 卡片式布局

卡片式布局 Ext.onReady(function(){ var testpanel=Ext.create('Ext.panel.Panel',{ layout:'card', //卡片式布局 [color=red] activeItem:0, //设置默认显示的第一个子面板[/color] title:'Ext.layout...

2013-06-28 16:40:39 921

Ext.layout.container 标准布局类

自适应布局 Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ title:'Ext.layout.container.Fit', frame:true, renderTo:Ext.getBody(), bodyPadding:5, width:200, ...

2013-06-28 15:48:59 99

原创使用html配置项自定义面板内容

使用html配置项自定义面板内容 Ext.onReady(function(){ //创建字符串数组 var htmlArray=[ '', '本地资源--员工列表', '序号姓名', '1张三', '2李四', '3李四', '4李四', '' ]; Ext.create(...

2013-06-28 13:59:56 502

原创使用 Ext.container.Viewport结合表格布局

使用ViewPort(可视窗口区域) Ext.onReady(function(){ Ext.create('Ext.container.Viewport',{ //也可以写成 Ext.create('Ext.Viewport',{ layout:'border',//表格布局 items:[{ title:'north Pan...

2013-06-28 13:55:45 240

原创 CORBA是什么？它的用途有哪些

[color=blue]CORBA（Common Object Request Broker Architecture公共对象请求代理体系结构）是由OMG组织制订的一种标准的面向对象应用程序体系规范。[/color]或者说 CORBA体系结构是对象管理组织（OMG）为解决分布式处理环境(DCE)中，硬件和软件系统的互连而提出的一种解决方案；OMG组织是一个国际性的非盈利组织，其职责是为应用...

2013-06-27 16:17:23 613

Ext.form.FieldSet

[size=medium]Ext.form.FieldSet[/size] 扩展自Ext.container.Container组件，是一个标准的字段容器，默认布局为‘anchor’ ，也可以指定为其他布局。字段集 Ext.onReady(function(){ Ext.create('Ext.form.Panel', { title:'E...

2013-06-27 15:28:44 156

本地数据源的组合框示例 Ext.data.Store

本地数据源的组合示例 Ext.onReady(function(){ //创建数据模型 Ext.regModel('PostInfo',{ fields:[{name:'province'},{name:'post'}] }); //定义组合框中显示的数据源 var postStore=Ext.create('Ext.data...

2013-06-27 14:15:52 192

Ext.form.field.HtmlEditor组件编辑器模式示例

HtmlEditor示例 Ext.onReady(function(){ Ext.QuickTips.init(); //初始化提示 Ext.create('Ext.form.Panel',{ title:'HtmlEditor示例', width:630, frame:true, renderTo:'form', body...

2013-06-27 14:10:29 367

原创 Ext.form.field.Trigger示例

Ext.form.field.Trigger示例 Ext.onReady(function(){ var testForm=new Ext.form.Panel({ title:'Trigger', bodyStyle:'padding 5 5 5', frame:true, height:100, widt...

2013-06-27 13:58:39 242

Ext.form.CheckboxGroup和Ext.form.RadioGroup组件示例

Ext.form checkBoxGroup 和 ReadioGroup组件示例 Ext.onReady(function(){ new Ext.form.FormPanel({ title:'checkBoxGroup and ReadioGroup', bodyStyle:'padd...

2013-06-26 15:53:49 156

开始的第一步是要获得开发包，可以从官方网站 [url]http://www.sencha.com/[/url] 下载以获得最新版本。下载地址是[url]http://www.sencha.com/products/extjs/download/[/url] ，下载成功后的开发包是 ext-4.0.0-gpl.zip ，有21.9MB之大。不过这个包并不是ExtJs真正运行时载入的，这个包包括了很...

2013-06-26 15:38:01 166

原创学习ExtJs4.0 UI组件基础

Extjs4.0对框架进行了重构。学习extjs就是学习组件的使用。Extjs4.0的组件体系中有近100种组件，大致可以分为四大类：[color=red]容器组件、工具栏及菜单栏组件、表单及元素组件、其他组件[/color]容器组件是构成Web UI的主体组件，因为这些组件在其他开发体系中也都有部分存在。这些组件丰富了传统Web UI的表现。是ExtJs改善Web UI的...

2013-06-26 15:11:53 177

原创认识Extjs

[size=large]ExtJs 是用Javascript、CSS和HTML等技术实现的主要用于创建用户界面，且与后台技术无关的前端Ajax框架，还被用来开发RIA（富客户端）的Web应用。[/size]下面说说 ExtJs 4.0 的4个新特性：类定义、mixins、输入和输出配置及依赖加载1.类定义： extjs4.0 引入了Ext.define()方法，可以通过类的字符串名...

2013-06-26 14:47:52 94

Extjs Ext.form.field.Date示例

日期控件Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create('Ext.form.Panel',{ title:'Ext.form.field.Date示例', frame:true, height:100, width:300, renderTo:Ext.getB...

2013-06-26 14:22:56 182

天螺蛳