摘要: 1.Layouts1)Ext.layout.container.Border layout : 'border' 表示我们使用了Border布局,这种布局方式称为边界布局,它将页面分隔成为:west,east,south,north,center这五个部分,我们在items里面使用region参数为它组织定义具体的位置。 north和south部分只能设置高度(height),west和east部分只能设置宽度(width)。north south west east区域变大了,center区域就变小了。 参数 split:true 可以拖动除了center四个区域的大小。 参 阅读全文
posted @ 2013-04-27 18:02 赵雪丹 阅读(539) 评论(0) 推荐(0) 编辑
摘要: 網上有好多關於Grid分頁的,各種語言都有,但大部分都是一樣的,都只是講了Grid分頁的語法,很少說到如何和後臺的數據庫交互,查出數據,同樣剛接觸Extjs,希望和菜鳥級別的兄弟姐妹們,共同進步。前臺代碼:varitemsPerPage=2;varstore=Ext.create('Ext.data.Store',{autoLoad:{start:0,limit:itemsPerPage},fields:['AA001','AA002','AA003','AA004','AA005','AA 阅读全文
posted @ 2013-04-27 17:44 赵雪丹 阅读(283) 评论(0) 推荐(0) 编辑
摘要: 希望Ext的表格能自适应外层的div大小,但Ext的Grid构造函数的width、height项不支持100%的设置方式,所以改用以下方式初始化Grid:width: Ext.get("content").getWidth(),height: Ext.get("content").getHeight(),<div id="content"> <div id="grid-example"></div><div>#content {width: 100%;height: 阅读全文
posted @ 2013-04-27 17:41 赵雪丹 阅读(2944) 评论(0) 推荐(0) 编辑
摘要: Ext4.0 自带的Ext.ux.RowEditing还不够完善,随手写个ux来用下,v1.4 2011-09-12 变更内容:1.重构,修复不少bug以及合并/新增一些配置项(具体看附件中的文档)2.支持jsduck生成文档 (https://github.com/senchalabs/jsduck)v1.0 2011.04.27 变更内容:1.增加canceledit事件2.增加startAdd方法,方便crud表格的添加操作3.添加点击取消按钮后,自动重置或删除记录的功能v1.1 2011.05.03 变更内容:1.startAdd方法增加position参数,修复autoSync设值的 阅读全文
posted @ 2013-04-27 17:37 赵雪丹 阅读(834) 评论(0) 推荐(0) 编辑
摘要: var textfieldName = new Ext.form.TextField ({ id:"textfieldName", allowBlank:false,//默认是true,如果是false,就是不允许空 //假如不为空时,定义提示信息 默认的提示信息是:This field is required //要使提示内容出现,需要添加 Ext.QuickTips.init(); blankText:"请输入数据", disabled:false,//默认是false emptyText:"请正确输入数据",//默认是null 阅读全文
posted @ 2013-04-27 17:35 赵雪丹 阅读(718) 评论(0) 推荐(0) 编辑
摘要: 给grid添加RowEditing:[javascript]var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', { pluginId:'rowEditing', saveBtnText: '保存', cancelBtnText: "取消", autoCancel: false, clicksToEdit:2<span style="white-space:pre"> </span>//双击进行修改 })然后在grid里面 阅读全文
posted @ 2013-04-27 17:33 赵雪丹 阅读(615) 评论(0) 推荐(0) 编辑
摘要: var mk = new Ext.LoadMask(tree.id, { msg: '正在更新数据,请稍候!', removeMask: true //完成后移除 }); mk.show(); //显示 Ext.Ajax.request({ url: 'roleAction.evi', // 发送get请求. method: 'GET', success: function() { mk.hide(); //关闭 }, failure: function() { mk.hide(); } }); var waitMask = new Ext.Lo 阅读全文
posted @ 2013-04-27 17:30 赵雪丹 阅读(485) 评论(0) 推荐(0) 编辑
摘要: Grid是Ext框架中一个重要的组成部分。一般建立Grid主要实现数据的增删改查。 建立一个Grid Grid一般有三个主要的内容,ds,cm,GridPanel var ds = new Ext.data.Store(); var cm = new Ext.grid.ColumnModel(); var grid = new Ext.grid.GridPanel(); 如果要页面载入时,Grid不显示,事件触发查询并建立Grid显示。很简单,将GridPa... 阅读全文
posted @ 2013-04-27 17:29 赵雪丹 阅读(1080) 评论(0) 推荐(0) 编辑
摘要: Extjs4.x中,新增加了两个方法up()和down()方法。这两个方法都是用来获取组件的,下面我们来看下官方解释。up( String selector, [Number/Mixed maxDepth] ) : Ext.core.Elementselector:必选,字符串形式,表示要匹配的组件。Maxdepth:可选,表示要匹配的最大深度。up方法的API解释为:通过简单的选择,获得相匹配的dom,使用up方法总是返回一个Ext.core.Element,也就是ext的组件。down( String selector, [Boolean returnDom] ) : HTMLElemen 阅读全文
posted @ 2013-04-15 18:04 赵雪丹 阅读(334) 评论(0) 推荐(0) 编辑
摘要: 上一章我介绍了GeoServer的一些重要的资源以及它们的访问接口,现在来看看它们的保存形式。GeoServer的数据没有保存到数据库,而是文件系统,这让我们的学习轻松不少。默认情况下,GeoServer的数据都会放到一个叫“data_dir”的文件夹下面,虽然你可以自己设置这个文件夹的路径,但是它的内部结果是固定的,如下图这是2.0.2版本的data_dir,从子目录的名称基本上能够猜测它的作用。“coverages”保存的是影像数据。“data”保存了矢量数据,基本上是Shapefile。“styles”保存的是样式文件,即“*.sld”文件。“workspaces”保存的是工作空间,这. 阅读全文
posted @ 2013-04-02 10:53 赵雪丹 阅读(1469) 评论(0) 推荐(3) 编辑