2011年10月24日
Ext中get、getDom、getCmp、getBody、getDoc的区别
摘要： Ext中的get、getDom、getCmp、getBody、getDoc的区别Ext中包含了几个以get开头的方法，这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等，在使用中要注意区别使用。1、get方法get方法用来得到一个Ext元素，也就是类型为Ext.Element的对象，Ext.Element类是Ext对DOM的封装，代表DOM的元素，可以为每一个DOM创建一个对应的Element对象，可以通过Element 对象上的方法来实现对DOM指定的操作，比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖放特性等。get方法其实是 Ext.Ele 阅读全文
posted @ 2011-10-24 11:03 坏小子小明 阅读(224) 评论(0) 推荐(0)
2011年10月21日
ExtJS数据处理
摘要： ExtJS中的数据处理ExtJs中的数据处理主要通过三个类来实现* 数据代理类：Ext.data.DataProxy ----作用：获取数据，一般使用其子类Ext.data.MemoryProxy,Ext.data.HttpProxy,Ext.data.ScriptTagProxy* 数据读取器类：Ext.data.Reader ----作用：解析Proxy中的数据，一般使用其子类Ext.data.ArrayReader,Ext.data.jsonReader,Ext.data.XmlReader* 数据存储类：Ext.data.Store ----作用：存储解析好的数据供数据展现组件使用,如 阅读全文
posted @ 2011-10-21 13:59 坏小子小明 阅读(563) 评论(0) 推荐(0)
2011年10月20日
Ext panel的属性用法
摘要： Ext.Panel主要配置表:animCollapse Boolean 设置面板折叠展开是否显示动画,Ext.Fx可用默认true,否则falseapplyTo Mixed 面板定位autoDestroy Boolean 是否自动销毁从容器中移除组件(默认true)autoHeight Boolean 是否自动高度(默认false)autoLoad Object/String/Function 设置面板自动加载的urlautoScroll Boolean 设置是否自动加载滚动条(默认false自动加滚动条)autoShow Boolean 是否移除组件的隐藏样式(默认flase)au... 阅读全文
posted @ 2011-10-20 14:12 坏小子小明 阅读(4140) 评论(0) 推荐(0)
store的使用
摘要： store是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表方法:不列举继承来的方法Store( Object config )构造,config定义为{autoLoad : Boolean/Object, //自动载入baseParams : Object, //只有使用httpproxy时才有意义data : Array, //数据proxy : Ext.data.DataProxy,//数据代理pruneModifiedRecords : boolean,//清除修改信息reader : Ext.data.Reader, //数据读取器remoteSor... 阅读全文
posted @ 2011-10-20 14:02 坏小子小明 阅读(227) 评论(0) 推荐(0)
Grid用法
摘要： 属性表格——PropertyGrid(只要两个值:key和value,即:列的名称和具体的值)var grid = new Ext.grid.PropertyGrid({ title: '属性表格', autoHeight: true, width: 300, renderTo: 'grid', source: { "名字": "不告诉你", "创建时间": new Date(Date.parse('12/15/2007')), "是否有效": false, &quo 阅读全文
posted @ 2011-10-20 13:42 坏小子小明 阅读(393) 评论(0) 推荐(0)
Grid用法之添加删除
摘要： 通过后台获取分页数据var store=new Ext.data.Store({ proxy:new Ext.data.HttpProxy({url:'09_02_01.jsp'}), //直接通过Http访问数据 reader:new Ext.data.JosnReader({ totleProperty:'totleProperty', //对应JSP代码中返回的totalProperty,就是数据的总数 root:'root' //root对应的JSP代码中的返回的root，也就是一个包含返回数据的数组},[ {name:'id&# 阅读全文
posted @ 2011-10-20 12:00 坏小子小明 阅读(443) 评论(0) 推荐(0)
Grid常用属性
摘要： sortable：true 排序enableColumnMove 是否拖放列enableColumnResize 是否改变列大小stripeRows 每列是否是斑马线分开loadMask 加载是加载图标autoExpandColumn 指定列的宽度自动伸展viewConfig {forceFit:true} 每列自动充满GridsortInfo:{field:"name",direction:"ASC"} field代表排序列名 direction代表排序方式(ASC升序)renderer:Ext.util.Format.dat... 阅读全文
posted @ 2011-10-20 11:15 坏小子小明 阅读(728) 评论(0) 推荐(0)
如何创建Grid
摘要： //JS入口Ext.onReady(function()｛//创建表格的数据var data=[['1','name1','descn1'],['2','name2','descn2'],['3','name3','descn3'],['4','name4','descn4'],['5','name5','descn5']];//指定数据字段var stor 阅读全文
posted @ 2011-10-20 10:09 坏小子小明 阅读(223) 评论(0) 推荐(0)
ExtJS创建Grid
摘要： Ext.onReady(function() { // 构造表格的数据 var data = [ {id:1,X0:'小明',X1:'沈阳',X2:'111'}, {id:2,X0:'小强',X1:'大连',X2:'222'}, {id:3,X0:'小力',X1:'北京',X2:'333'}, {id:4,X0:'小刚',X1:'上海',X2:'444'}]; // 数据字段指定 var store =n 阅读全文
posted @ 2011-10-20 09:46 坏小子小明 阅读(254) 评论(0) 推荐(0)
2011年10月19日
点击按钮事件
摘要： 点击按钮触发click事件弹出提示框的几种方式：1.JS:function a(){alert("haha");}body中2.用JS添加事件JS:function a(){alert("haha");}window.onload=fuction(){ document.getElementById("btn").onclick=a;}body中3.JS:function a(){alert("haha");}Ext.onReady(function(){ Ext.get("btn").addL 阅读全文
posted @ 2011-10-19 17:08 坏小子小明 阅读(194) 评论(0) 推荐(0)