01 2011 档案
摘要：DomHelper和Template动态生成html 用dom生成html元素一直是头疼的事情，以前都是听springside的教导，使用jsTemplate和Scriptaculous的组合。现在到了ext里面，我们就来看看它自己的实现。 DomHelper用来生成小片段 使用DomHelper非常灵活，超简单就可以生成各种html片段，遇到复杂情况也要依靠于它。 大概就是这么用 var list = Ext.DomHelper.append('parent', {tag: 'div', cls: 'red'}); 它就是向id=parent这个元素里，添加一个div元素。 按照文档里讲的，
阅读全文
摘要：XTemplate是Extjs里面的模板组件.下面我们看个最简单的例子.效果图:附件: XtemplateData Demo.gif js代码: Ext.onReady(function(){ //数据源 var data={ name:"博客园", read:[{ book:'道不远人', date:'2007-7-7' },{ book:"大话设计模式", date:"2006-6-6" }] } //呈现组件 var mypanel=new Ext.Panel({ width:400, id:"mypanel", title:"XtemplateData简单示例
阅读全文
摘要：今天我们接着深入解析表单元素中ComboBox组件的使用。会涉及到.net简单服务器数据交互，但暂不做深入讨论，以后会详细分析服务器交互相关，不过可能要等较长一段时间，呵呵！5.服务器数据作为ComboBox的数据源实例首先从服务器获取json数据：//cs后台代码，简单起见，示例而已，要主要字符串格式(新手注意，下面的代码放在类里面，不是放在方法里)publicstringServerData="['湖北','江西','安徽']";//aspx前台js介绍代码Ext.onReady(function(){varcombo=newExt.form.ComboBox({store:%=Serv
阅读全文
摘要：Ext.onReady(function(){ Ext.onReady(function(){ //定义模板 使用标签tpl和操作符for var tpl1 = new Ext.XTemplate( 'table border=1 cellpadding=0 cellspacing = 0', 'trtd width=90 姓名/tdtd width=90 年龄/td/tr', 'tpl for="."', 'trtd{name}/tdtd{age}/td/tr', '/tpl', '/table' ); //通过自定义格式
阅读全文
摘要：//way1//itworks varframe1=document.createElement("IFRAME"); frame1.id="frame1"; frame1.frameBorder=0; frame1.src="reports/empty-report.html"; frame1.height="100%"; frame1.width="100%"; varpanel2=newExt.Panel({ id:"panel2", items:[frame1] //contentEl:"frame1"//thiswon'twork }); //way2//itworks,too
阅读全文
摘要：Js代码 Ext.onReady(function(){ Ext.onReady(function(){ //定义模板 使用标签tpl和操作符for var tpl1 = new Ext.XTemplate( 'table border=1 cellpadding=0 cellspacing = 0', 'trtd width=90 姓名/tdtd width=90 年龄/td/tr', 'tpl for="."', 'trtd{name}/tdtd{age}/td/tr', '/tpl', '/table' ); //通过
阅读全文
摘要：Ext.form.TextField组件的基本用法:form id="form1" runat="server"divdiv id="Bind_TextField"/divbr /div id="Bind_Button"/divscript type="text/javascript"//这里是把TextField很重要的属性列出来 实际在应用的时候不需要将每个属性都列出 也许只需要一个属性就够了。function ready(){Ext.QuickTips.init();var textfieldName = new Ext.form.TextField({i
阅读全文
摘要：1.增加script属性，如：varn=this.add({ id:node.id, closable:true, //通过autoLoad属性载入目标页,如果要用到脚本,必须加上scripts属性 autoLoad:{ url:"info.aspx", scripts:true} }); this.setActiveTab(n); 2.不能在被加载的页面上加!-- //--符号，否则不能正确截析javascript代码。3.若被加载页面含有ext代码时注意不能和加载的页面引入相同的包。如页面index.jsp加载页面portal.jap，index.jsp中引入了script type
阅读全文
摘要：刚刚学习EXT，感觉布局有点麻烦，记录下:在网上找到的，可惜解决了之后才发现的：第一次用Extjs的column布局时遇见了很多问题，记录下来，供大家参考。column布局时常会碰见label不能显示或者控件显示错位等问题，导致这些问题的常见原因如下：1.formPanel上的控件显示不出来，控件的宽度太大，formpanel的宽度相对太小导致。2.为FormPanel设定了defaultType属性，没有为每个控件单独制定xtype属性。正确的做法是不设置defaultType。3.在每个column里再加上form layout，再在form里加textfield。4.在新建TabPane
阅读全文
摘要：事件触发机制l 给某一个控件添加事件。obj.addEvents( {search : true });l 给某一个事件添加处理函数n 给一个对象或变量添加监听及对应得处理，可以在创建时，通过属性listener添加。n 或者通过 obj.on(‘event’,function(){})n 或者通过obj.addListener(“event”,function)l 出发一个事件，params是要传给事件对应的处理函数的参数Obj.fireEvent(‘eventName’,params)工具栏获取工具栏元素方法var items = this.preview.topToolbar.items
阅读全文
摘要：很多人都苦恼怎么在ext中给window动态添加组件（注意！我说的动态是指从数据库里读出来添加），今天我发明了一种前无古人后无来者的方法解决了这个问题，不多说，直接上码：var addButton = function(){Ext.Ajax.request({url : "personal/PersonalMessage.action?method=getPeople&pid=0",success : function(o){var res = Ext.util.JSON.decode(o.responseText);var showNum=res[0].showNum;var itemArr
阅读全文
摘要：extpanel移除item失效的解决办法在form中使用remove 移除item的时候，会留下他的html标签label，为了解决这个问题在网上搜了一下。方法为：//解决form中remove 一个field 时，fieldLabel不能被删除的问题Ext.override(Ext.layout.FormLayout, { renderItem : function(c, position, target){ if(c && !c.rendered && c.isFormField && c.inputType != 'hidden'){ var args = [ c.id, c.fiel
阅读全文
摘要：!--/*!*ExtJSLibrary3.0.0*Copyright(c)2006-2009ExtJS,LLC*licensing@extjs.com*http://www.extjs.com/license*/--htmlheadtitleHelloWorldWindow/titlelinkrel="stylesheet"type="text/css"href="ext-3.0.0/resources/css/ext-all.css"/scripttype="text/javascript"src="ext-3.0.0/adapter/ext/ext-base.js
阅读全文
摘要：根据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
阅读全文
摘要：TPRQM-3PV7R-MF86X-Y6HVF-22XT3
阅读全文
摘要：翻遍所有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 :
阅读全文
摘要：封装一个动态grid 继承Ext.grid.GridPanel 1.一般只需定义gridcolumns属性即可动态生成grid ，支持各列renderer自定义， 支持store自定义. 其中默认的store,用的是dwrproxy,dwr函数前三个默认参数为(qname,start,pagesize)其他参数在这三个参数之后， 通过DWRfuncParams属性传入。 2.需dwr。 约定:root为data, totalProperty为totalSize Js代码 Ext.namespace("Ext.ux.grid"); /** *@classExt.ux.grid.DynamicGr
阅读全文
摘要：要实现动态更改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
阅读全文
摘要：前言事件是面向对象语言普遍支持和使用的一种模式。事件不仅在与用户交互的系统中应用很广泛，设计对象时恰当地采用事件对写出结构清晰、独立的代码也很有帮助。LotusScript 支持事件，各个 UI 对象公布的事件在程序中都经常使用。不过在 LotusScript 支持的三种对象：Notes 对象、自定义对象和 OLE 对象中，只有 Notes 对象支持事件。也就是说我们只能使用 Notes 类公布的事件，无法在自定义类中定义事件。那么，是否可以在 LotusScript 模拟事件？事件处理的核心就是当某个“状态”变化时一个程序（事件源 event emitters）通知预订（subscribe）
阅读全文
摘要：(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
阅读全文
