摘要:
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四个区域的大小。 参 阅读全文
摘要:
網上有好多關於Grid分頁的,各種語言都有,但大部分都是一樣的,都只是講了Grid分頁的語法,很少說到如何和後臺的數據庫交互,查出數據,同樣剛接觸Extjs,希望和菜鳥級別的兄弟姐妹們,共同進步。前臺代碼:varitemsPerPage=2;varstore=Ext.create('Ext.data.Store',{autoLoad:{start:0,limit:itemsPerPage},fields:['AA001','AA002','AA003','AA004','AA005','AA 阅读全文
摘要:
希望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: 阅读全文
摘要:
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设值的 阅读全文
摘要:
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 阅读全文
摘要:
给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里面 阅读全文
摘要:
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 阅读全文
摘要:
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... 阅读全文