# Ext.namespace('com.faceye.layout'); # Ext.BLANK_IMAGE_URL = 'scripts/ext/resources/images/vista/s.gif'; emptyText:'请选择您喜欢的颜色', user = Ext.get('user');// 生成Ext element元素 el = new Ext.Element(user); <button οnclick="location.href='www.baidu.com';">点击链接到百度</button> window.location.reload(true); //重载页面 chooser.view.on('contextmenu', function(d, i, n, e){//元素加menu //ext 窗体操作 //Ext.WindowMgr.each(function(w){w.hide()});//window.location.reload(true); layout:'fit' 'border' 'table' 'column' 'card' Ext.QuickTips.init(); disabled:ture, hidden :true, closeAction: 'hide' //关闭按钮效果 target="_blank"//弹出新窗口 render(document.body); renderTo: document.body, applyTo: 'local-states' animate:true, // 生机勃勃 特效 layoutOnTabChange :true, //tabPanel doLayout labelAlign: 'left', //form 标签左对齐 hideLabel :booler //隐藏标签 contentEl :'cartT', //将元素内容读入到ext组件中。 listeners:{check:onCheck}, hiddenName:'server', //commbox 获取值时,返回valueField :"retrunValue", //否则返回 displayField: "displayText", emptyText:'请输入标题' //textField为空时显示的内容 anchor:'90%' //占用百分之几的位置 closable: true, //是否现实关闭按钮 modal:true, //是否模态方式显示窗口 border:true, //边框宽度 bodyBorder :true, bodyStyle:'padding:5px', //边的类型设置了内补丁,空余5像素。 collapsible:true, //工具条添加收缩按钮 disabled:true, //窗体状态灰色显示,且不可用 collapsed:coll, //窗体状态收缩、true收起--与expandOnShow一起用 tools:tools, //工具条 expandOnShow : false, //显示的时候扩张true为显示 autoWidth:true, //自动调节宽度 plain:true, //将标签页头的背景设置为透明 closable:true, //有关闭按钮 closeAction: 'hide', //关闭按钮 隐藏窗体 frame:false, //窗体没有背景 header:false, //有窗体头部 autoScroll: true, //窗体自动出先滚动条 shadow:false, //窗体影子 draggable:false, //窗体是否可拖动 resizable:false, //窗体不可改变大小 labelSeparator:':', //标题的分隔符号我们用中文冒号代替英文的冒号(labelSeparator:':') isVisible(); //窗体显示 maximizable:true, //放大缩小窗口 focus(); //焦点 minWidth :30, //按钮最大宽度 <a ext:qtip="sssss">ssss</a> buttons: [{//----------------------------------button id: 'ok-btn', text: '选择', handler: this.doCallback, scope: this }] Store 读取回调后的json数组 'load': {fn:function(s){ s.getAt(0).get("expHost") //-----------------------------------------------------------------------------读取json var res = this.cartoonPreview.previewstore.reader.jsonData; path:res.view[0].url listeners: { 'load': {fn:function(s){ var res1 = s.reader.jsonData; if(s.reader.jsonData){ var res = s.reader.jsonData; if(s.getCount()<1){ st = res.status; ms= res.msg; switch(st){ //case 'noconnection': Ext.Msg.alert('提示','由于网络异常,暂时无法获取数据'); break; case 'error': Ext.Msg.show({ title:'提示:', msg: ms, cls:'cartoon-msg', buttons: Ext.Msg.OK }); break; } } } } }, scope:this}, 'loadexception':{fn:function(){this.body.update('暂时无法获取数据'); },scope:this} //-------------------------------------------------------------------------------监听 listeners: { //默认显示第一幅图片 'load': {fn:function(s){}, scope:this} } //new Ext.Element(n).remove(); //移除元素 var objArray = Ext.DomQuery.select("input[type=radio]"); Ext.each(objArray, function(obj) { var radio = new Ext.form.Radio({ applyTo : obj }); }); //--ext onClick 按钮事件添加 var button = Ext.get('show-btn'); button.on('click',function(){ if(!win){ var win; var tools=[{ id:'close', handler : function(e, target, Window) { Window.hide();// } var res = s.reader.jsonData;//---------store // alert(res.images[0].url); //------------------------------------------------------------------------键盘监听 content1.el.on('keypress', function(e){ if (e.getKey() == e.ENTER && this.getValue().length > 0) { previewFn(); } }); //------------------------------------------------------------------------数据视图 取id this.thumbTemplate = new Ext.XTemplate( '<tpl for=".">', '<div class="thumb-wrap" id="{name}" >', //'<p class="thumb"><img οnlοad="Haolog.util.Image.resize(this,80,80)" src="{url}" title="{name}" name="{imageId}" style="display:none" mce_style="display:none" /></p>', '<p class="thumb"><img οnlοad="Haolog.util.Image.resize(this,80,80)" src="{url}" title="{name}" name="{imageId}" style="display:none" mce_style="display:none" /></p>', '<div>{shortName}</div></div>', '</tpl>' ); var selNode = this.view.getSelectedNodes(); selNode[0].id //------------------------------------------------------------------------------------------- Ext.get('popid').dom.className=str+"-tl"; //样式切换 //Ext.get('cart_show').alignTo(Ext.get('vv'),'c-c',[0,0],true); // 元素之间的相对定位 CallingCard.win.el.anchorTo(Ext.get('cartoon-myRoomId'),'tl-br',[0,0],false); this.cp = new Ext.ColorPalette({});//颜色盘 this.cp.colors = ["FFFFFF", "FDF9E1", "EEF1FB","E6F8E4","FAECFB", "FAEFE2", "E4FAF9","FCEDED"]; //----------------form Ext 乱码解决 客记端加入以下语句:Ext.lib.Ajax.defaultPostHeader += '; charset=utf-8'; 服务器端加入以下语句:arg1.setContentType("text/json; charset=utf-8"); this.buttons=[ previousbut, nextbut ]; inputType: 'password' //显示为密码 //------------------------------------------Ext.form.text allowBlank:false, //文本框不能为空 nanText : '请输入数字类型的阴历!' ,//文本框为数字类型的提示 re = new RegExp(" ","ig"); //使用正则表达式将 空格替换为空格 content = content.replace(re," "); Javascript中为String对象添加trim <mce:script language=Javascript><!-- //自己动手为string添加Trim function String.prototype.Trim() {return this.replace(/(^/s*)|(/s*$)/g,"");} function String.prototype.Ltrim(){return this.replace(/(^/s*)/g, "");} function String.prototype.Rtrim(){return this.replace(/(/s*$)/g, "");} alert(" meizz ".Trim()); // --></mce:script> //------------------------------- Ext loading .... setTimeout(function(){ Ext.get('loading').remove(); Ext.get('loading-mask').fadeOut({remove:true}); }, 250); //--------------------经典的截取字符串代码 (1)String.prototype.ellipse = function(maxLength){//增加String属性 if(this.length > maxLength){ return this.substr(0, maxLength-3) + '...'; } return this; }; (2)var formatData = function(data){ data.shortName = data.name.ellipse(15); data.sizeString = formatSize(data); data.dateString = new Date(data.lastmod).format("m/d/Y g:i a"); this.lookup[data.name] = data; return data; }; (3)this.view = new Ext.DataView({ prepareData: formatData.createDelegate(this) }); //--------------------------------------------------------------------------------------- submit 表单提交 submit:function(w,cho,insertFn){ var win = w; var chooser = cho; btn =this.uploadBtn; btn.disable(); if(this.uploadPanel.getForm().isValid()){ this.uploadPanel.getForm().waitMsgTarget =true var ch =chooser; this.uploadPanel.form.doAction('submit',{// this.uploadPanel.getForm().submit({ url: '/qmail/userupload.do?method=saveUserImage', // waitTitle:'请等待...', waitMsg: '您的图片正在上传...', headers:'charset=utf-8; ', success: function(form, action){ btn.enable(); // ch.win.show(); if (action.result.status == "ok") { // document.getElementById('cartoon-changeId').click(); if(ch.win!=null){ ch.win.show(); ch.showUser(); } msg('表情上传成功!,请在<font color=red>“我的上传”</font>分类中查找您上传的 表情。'); win.hide(); } if (action.result.status == "error") { msg(action.result.msg); } }, failure: function(){alert("error");} }); } } //----------------------------- ext继承 var Haolog={version:'0.8'}; Ext.namespace('Haolog','Haolog.module','Haolog.form'); Haolog.module.CallingCard = function(config){ Ext.apply(this,config); Haolog.module.CallingCard.superclass.constructor.call(this); }; Ext.extend(Haolog.module.CallingCard, Ext.Window, { initComponent : function(){ Haolog.module.CallingCard.superclass.initComponent.call(this); this.addEvents( ); // this.on("show",function(win){ }, this.scope || this); } }); //----------------------继承 2 PaperFactory = function(cfg) { Ext.apply(this, cfg); Ext.onReady(this.init, this); } Ext.extend(PaperFactory, Ext.util.Observable, { paperDatas : null, init : function() { this.htmlTemp = new Ext.XTemplate( '<div class="paperDiv"><p class="toName">{toName}:</p>', '<p class="content">{content}</p>', '<p class="fromName">{fromName}</p></div>'); this.data = {}; } } //-----------------------------------------------------------form表单的提交 buttons: [{ text: '保存', handler:function(){ if(simpleForm.form.isValid()){//basicform的客户端验证 this.disabled=true; simpleForm.form.doAction('submit',{ url:'test.asp', method:'post', params:'', success:function(form,action){ Ext.Msg.alert('操作',action.result.data); this.disabled=false; }, failure:function(){ Ext.Msg.alert('操作','保存失败!'); this.disabled=false; } }); } } },{ text: '取消', handler:function(){simpleForm.form.reset();} }] //--------------------------------------------- xtype:'fieldset', //可收缩的局部区域 checkboxToggle:true, //checkobx 点选框形式 collapsible: true, //图标形式 //--------------------------------------------- contentEl: 'xtheme', //将内js对象渲染到<div id = 'xtheme'></div>上。 //----------------------------------------------------ajax 同步提交 readDb : function(){ var cookies = {}; var conn = Ext.lib.Ajax.getConnectionObject().conn; conn.open("POST", '../../readCookieAction.do',false); conn.send(null); //成功状态码为200 if (conn.status == "200") { // alert("read state"+conn.responseText); return Ext.util.JSON.decode(conn.responseText); } }, ---------------------ajax request--- Ext.Ajax.request({ url: '../../calendarAddAction.do', params:{ birthday: text }, success: function(response, options) { Ext.MessageBox.alert('恭喜:', '您的个性化日历 设置成功!', function(btn) { }); } , failure : function() { Ext.Msg.alert('message init failed'); }, scope : this }); userdata = Ext.decode(res.responseText);//回调 取值 role =userdata.role||false; --------------------end ajax //----------------ajax 回调 Ext.Ajax.request( { url : '../../getMessage.do', success : function(action) { var decoded = Ext.util.JSON.decode(action.responseText); var configs = decoded.configs; for (var i = 0, len = configs.length;i < len; i++) { var config = configs[i]; var win = new Ext.Window( { title : '编号:' + config.id + ' --- ' + config.createDate, iconCls : 'icon-msg', width : 255, height : 240, layout : 'fit', collapsible : true, resizable : false }); var regs = new RegExp("/n", "gi"); this.setData( { toName : config.toName, content : config.content.replace(regs, '<br>'), fromName : config.fromName }); win.setPosition(config.x, config.y); win.show(); this.htmlTemp.overwrite(win.body, this.data); } }, failure : function() { Ext.Msg.alert('message init failed'); }, scope : this }); //------------------------------------------------end ajax