随笔分类 - extjs
摘要：根据Dynamic Grid重新整理了一个适合在extjs2.2版本下使用的动态editGridPanel。代码如下：Ext.grid.DynamicColumnModel = function(store){var cols = [];var recordType = store.reader.recordType;var fields = recordType.prototype.fields;if (fields.length == 0) {fields = store.reader.headers;for (var i = 0; i store.reader.headers.len
阅读全文
摘要：翻遍所有ExtJs 2.2的form组件，竟没有合适的显示html格式内容的组件，唯有htmleditor组件式用来编辑html格式内容的，但用来显示的话超链接就没法点了，发挥搜索十八般武艺无果。最有自己来改写了一下原来的Ext.form.Field组件变成Ext.form.DisplayField组件（该组件在ExtJs 3.2里默认支持）。Ext.form.DisplayField组件源码：00100200300400500600700800901001101201301401501601701801902002102202302402502602702802903003103203303
阅读全文
摘要：Posted on 2009-04-16 16:36 巴斯光年 阅读(714) 评论(0) 编辑 收藏 所属分类: JS, ExtJS xtype Class------------- ------------------box Ext.BoxComponent 具有边框属性的组件button Ext.Button 按钮colorpalette Ext.ColorPalette 调色板component Ext.Component 组件container Ext.Container 容器cycle Ext.CycleButton dataview Ext.DataView 数据显示视图dat
阅读全文
摘要：弄了一天的图片上传，显示,通过网上找资料终于弄好了。现在整理一下，贴到这，下次要再用到也方便查询了。。。 显示代码打印01 //uploadFile.js 02 03 Ext.onReady(function() { 04 05 var fileForm = new Ext.form.FormPanel({ 06 title : "", 07 renderTo : "fileUpload", 08 fileUpload : true, 09 layout : "form", 10 id : "fileUploadForm", 11 items : [{ 12 id : 'upload', 13
阅读全文
摘要：现在要使用的是在center-panel中将gridpanel去掉，换成一个treepanel于是乎，就写了如下代码：显示代码打印1 var items=Ext.getCmp('center-panel').items; 2 3 for(var i=0;iitems.length;i++){ 4 5 Ext.getCmp('center-panel).remove(items[i]); 6 7 } 8 9 var treePanel=new Ext.tree.TreePanel({....}) （treepanel 的定义看在Ext Tree分类中~，链接：Ext-tree专题）然后：显示代
阅读全文
摘要：/// reference path="http://www.cnblogs.com/Resources/PublicJs/vswd-ext_2.0.2.js" /var pagesize = 10;//分页大小var record = Ext.data.Record.create([{name : 'id' , type : 'int'},{name : 'name' , type : 'string'},{name : 'age', type : 'int' },{name : 'zhiwu' , type : 'string' },{name : 'zhichen' , type :
阅读全文
摘要：var cmItems = []; var cmConfig = {}; cmItems.push(new Ext.grid.RowNumberer());cmItems.push(sm); cmItems.push({header : 'id',dataIndex : 'id',hidden : true,sortable : true}); cmItems.push({header : '单据编号',dataIndex : 'no',sortable : true}); cmItems.push({header : '组织',dataIndex : 'orgName',sortable :
阅读全文
摘要：/// reference path="http://www.cnblogs.com/Resources/PublicJs/vswd-ext_2.0.2.js" /var pagesize = 10;//分页大小var record = Ext.data.Record.create([{name : 'id' , type : 'int'},{name : 'name' , type : 'string'},{name : 'age', type : 'int' },{name : 'zhiwu' , type : 'string' },{name : 'zhichen' , type :
阅读全文
摘要：要实现动态更改GridPanel的列就必须先了解固定列是怎么弄出来的。GridPanel的列可以通过new Ext.grid.ColumnModel(columns)来创建，而这里的columns是一个JavaScript数组。由此可知，如果能够动态的更改这里的columns岂不OK了?现在要求前3列是固定的，其后的列是根据所选中树节点的不同而不同。如果去为每一个节点创建一个新的GridPanel，一会让其hide，一会又让其show，那要写多少个啊…况且后面的几个动态列是要从数据库中查的。onTreeNodeClick:function(n){var grid = this.grid;//根
阅读全文
摘要：列名与对应的值是动态改变的，也就是说要展示的列名可能随时改变。 首先选择了默认的列作为显示，在tbar中加入一个按钮弹出所有可能要显示的列名，选择后将对应的列名与值显示在grid中，例如 身份证号码 男性 青年 中年 商人 3424×× 是 否 是 是 1234×× 否 是 否 否 Js代码 functioncreateRecordValue(){//动态生成recordValue vartempValue=newArray(); varj=0; tempValue[j]={name:'UserId'}; for(vari=0;iamdValue.length;i++){ tempValue
阅读全文
摘要：(1)箭头样式(2)treenode 自定义样式(3)Ext.tree.TreePanel的title,root配置项必须指定,不然图像在IE中显示混乱; loader配置项不指定,不显示图像. (4)Extjs 日期的使用方法(显示,接收,定义,提交)(5)Extjs 三个主要文件错误的引用, 浏览器无法显示Extjs效果.(6)gridpanel加态重新加载columnModel和store(7)tabpanel判断tab页在不在(8)panel动态加载tbar(可扩展进行延伸控制任何DIV)(9)Extjs 扩展继承子类(Ext.extend())(10)Ext.data.Record
阅读全文
摘要：config定义{animate : Boolean,containerScroll : Boolean,ddAppendOnly : String, /*很显然这是api的一个错误,treepanel.js中惟一用到它的地方是this.dropZone = new Ext.tree.TreeDropZone(this, this.dropConfig || { ddGroup: this.ddGroup || "TreeDD", appendOnly: this.ddAppendOnly === true }) 只有没有定义dropConfig才会影响ddconfig的appendOnly,
阅读全文
摘要：1.服务器数据作为ComboBox的数据源 实例首先从服务器获取json数据：//cs后台代码，简单起见，示例而已，要主要字符串格式(新手注意，下面的代码放在类里面，不是放在方法里)publicstringServerData=”['湖北','江西','安徽']“;//前台js介绍代码Ext.onReady(function(){varcombo=newExt.form.ComboBox({store:%=ServerData%,//获取ServerData的string值， 不要用”"引起来,否则就不是object数据，而是字符串，这是一个很巧妙的关键点：把服务器的字符串转化为js的ob
阅读全文
摘要：遇到Ext中的GridPanel如果不设宽度，在IE下会变得很宽，这个问题郁闷我了一个星期的时间。 终于在网GOOGLE一下,网友给出答案:问题出在resources文件下的css/ext-all.css文件中x-grid3-header-offset这个样式上，不知道为什么,它居然是这样写的:.x-grid3-header-offset{width:10000px;} ;修正如下： .x-grid3-header-offset{width:auto;} 我就是这样设置的，是好使的。
阅读全文
摘要：只要new一个新对象后新增修改等表单将根据定义的信息 自动生成提高开发效率调用例子：Ext.onReady(function() { Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; var gridStructure = [// grid的数据结构 { header : '事件编号', name : 'SJID', hidden : "true", type:'label' }, { header : '研究项目号', name : 'YJXMBH', width : 200, type:'combo', /
阅读全文
摘要：页面效果如下view plaincopy to clipboardprint?mce:script type="text/javascript"!-- Ext.onReady(function(){ //初始化Extjs Ext.QuickTips.init(); Ext.BLANK_IMAGE_URL ='./resources/images/default/s.gif'; //首先读取数据，Json格式 var store = new Ext.data.Store ({ //读取数据源用json方法(三种方法1.读取json用JsonReader,2读取数组使用Arr
阅读全文
摘要：// extjs通过Post方式发送数据至服务器端var conn = new Ext.data.Connection();conn.request({ url : '/test/ajaxdemo.nsf/agentWebIMSendMsg?openagent', method : 'POST', params : { fromUserAccount : fromusername, toUser...
阅读全文
摘要：今天在CSDN博客上看了有关一篇 基于ExtJs框架的B/S高级查询界面的文章，感觉做的效果不错，特来转发上来，希望对有需要的朋友们一点帮助。支持动态添加多个查询条件、定义逻辑关系，支持整形、浮点、字符串、日期、布尔值、自定义选择列表的录入，通过Ext.data.JsonStore可方便的与服务器交互。样图：示例：<DOCTYPE html PUBLIC "-//W3C//DTD XHTML...
阅读全文
摘要：SSH这三个巨擘已经现身了，接下来就轮到我们小型的AJAX框架DWR了。做好DWR的准备工作：导入JAR包->在web.xml配置核心Servlet->编写核心配置文件dwr.xml,我在前面的应用中已经详细介绍过DWR，这里就简单地说一下。DWR是一个JAVA世界里的AJAX框架，它对页面表现并没有提供什么支持，它的强大主要体现在和服务器端程序的交互能力以及和Spring这样的大框架...
阅读全文
摘要：既然是说SSH，那就少不了WEB层的struts.我们以前做过一个小型的HRMS，采用的是Spring自己的MVC框架。这一次，我们还是用老牌的Struts。这是一个非常简单而且容易学习的框架，如果大家对它还不是非常了解，请先参考我的相关文章。这里我们用MyEclipse开发，加入Struts的支持后，我们开发人员最主要的工作就是编写Action和ActionForm类，然后再在struts-co...
阅读全文