ExtJS
文章平均质量分 68
seng3018
容易接受新生阳光,
能很快适应新环境.
展开
-
JSB 生成文件
JS BuilderJS Builder (简称JSB)是管理生成文件的成熟方案,而其本身就是在Ext团队内部用于发布工程版本的工具。 虽然只能在Windows .NET环境下运行,在某些场合可能会受到一些限制,但它比其它以上讨论过的生成方案有着更多的优点。 .jsb 格式的文件包含了Ext代码发布生成的信息,可用JSB的图形界面来打开与编辑。 JSB GUI 要完整地转载 2010-03-01 14:12:00 · 3769 阅读 · 0 评论 -
Extjs学习总结---Date的处理
Extjs中时间的处理做的相当的完善,但使用过程中一定要注意匹配 1.解析Date Java代码 1. //dt = Fri May 25 2007 (current date) 2. var dt = new Date(); 3. 4. //dt = Thu May 25 2006 (today's month/day in 2006) 5. dt = Date.parseDate("2006", "Y");原创 2010-10-25 16:42:00 · 1012 阅读 · 0 评论 -
在Ext中EditorGrid中datefield输入问题解决过程
近日自己做了一个小项目,要用Ext做界面,以前没用过ext,对JavaScript也是一知半解,就边学边做,这是我在这个过程中遇到一个问题的解决过程,欢迎大家批评指正。 一、问题开始 在可编辑表格中有一个日期域,我希望能通过Ext中的日期输入域输入指定格式的日期,以便提交给服务器后方便处理。然而却出现了一些问题。 在这个生产日期列我设置的column model 为 {header:'生产日期',dataIndex:'p_date',editor:new Ext.form.DateField({原创 2010-10-29 10:05:00 · 5618 阅读 · 0 评论 -
Extjs Ajax 乱码问题解决方案
乱码的原因 在Ext的使用过程中,一不留心就出现了乱码,包括在客户端提交给服务器的数据中出现了乱码和服务器端返回给客户端的数据中出现了乱码,下面简单分析一下出现乱码的原因。 在一次页面浏览过程中,客户端对一个URL发起原创 2011-09-08 17:25:51 · 611 阅读 · 0 评论 -
extgrid插件、jgcharts插件与ssh框架完美结合,实现动态生成报表及图表
现在我们项目要用到extgrid插件、jgcharts与ssh框架结合,经过几天研究终于成功,现将过程及实现写入下面。准备工作:下载extgrid插件、jgcharts插件,这里我用到的extgrid插件为ext-3.2.1,经过精简得如下目录结构:转载 2011-08-17 09:48:47 · 4115 阅读 · 0 评论 -
List对象转换成Json数组的方法
.cs文件的主要代码:public class User_List //这个类是对应是Extjs的Grid的field里面的,field有几项就写几项 { public int VoteID = 0; publi原创 2011-09-23 15:27:22 · 13207 阅读 · 0 评论 -
ExtJS中表单验证使用自定义vtype示例
Js代码 EXT中有自带的验证,比如数字,EMAIL,URL等,这些验证都很好,只要加上VTYPE,指定验证的类型就可以使用了 比如 xtype:'textfield', fieldLabel:'url', vtype:'ur转载 2011-10-10 16:37:18 · 5430 阅读 · 0 评论 -
Ext 界面经常乱掉问题解决方法
最近在用Ext做界面设计的时候发现经常出现正常的页面在使用几次之后布局就乱七八糟的问题 查了下代码,发现是Ext的stateful作怪 在Component.js中有这么一句: Java代码 if(this.stateful !==转载 2011-10-11 11:16:20 · 1162 阅读 · 0 评论 -
ExtJS3 所有类
Object Ext.util.Observable:为EXT组件提供处理的最基本功能。 Ext.Component:提供了Ext组件共有的特性, 比如初始的流程、组件的配置选项应用、插件应用,组件渲染,组件公共的配置选项等,是一个抽象的东西。转载 2011-10-18 09:57:20 · 1673 阅读 · 0 评论 -
ExtJS3.3.1 新主题
Java代码 panel.disable(); 在网上看到一种新的做法是: Java代码 panel.getEl().mask(); 支持ext3.3.X原创 2011-10-18 10:32:54 · 2602 阅读 · 1 评论 -
ExtJS 别忘了特殊符号的作用
,'->',原创 2011-10-11 14:55:58 · 1264 阅读 · 1 评论 -
ExtJS中Ext.Ajax.request与form1.getForm().submit的基本区别
相同点:都属于Ajax提交方式! 不同点:Ext.Ajax.request是Ext.data.connection的一个实例 4. 5. form1.getForm().submit是BasicForm的一个实现方式 6. 7. 使用上的区别: 8. 9. 1.form1.getForm().submit常用在表单提交的时候,就是说要提交页面数据,比如新增和修改数据页面 10. 11.原创 2010-10-08 09:38:00 · 1128 阅读 · 0 评论 -
EXT 方法集锦 收藏
1. ext的tbar中加入其他的元素方法 Js代码 复制代码 1. tbar: [ 2. '公司名称:' , 3. {xtype:'textfield' ,width:200,id: 'sDepName' ,name: 'sDepName' },{xtype: 'tbseparator' }, 4. {text:'搜索' ,iconCls: 'search' ,handler:searchClick},{xtype: 'tbsepar原创 2010-09-25 15:58:00 · 1380 阅读 · 0 评论 -
工具条(Ext.Toolbar)
工具条(Ext.Toolbar)当在工具条中同时出现Menu和Element时,会导致Menu失灵。1、Ext.Toolbar的常用方法: addButton() addElement() addField() addFill() addSeparator() addText() add()2、普通工具条Js代码 Ext.onReady(function(){原创 2010-09-21 14:01:00 · 11683 阅读 · 0 评论 -
Ext各组件属性配置(上) -- 中文注释
Ext.form.BasicForm对应一个dom中的form,默认是用ajax提交的,如果的确想回传,可以使用如下方式var myForm = new Ext.form.BasicForm("form-el-id", { onSubmit: Ext.emptyFn, submit: function() { this.ge原创 2009-12-31 11:09:00 · 3681 阅读 · 0 评论 -
Ext-core_第一章_1.5
1.5 urlEncode / urlDecode 实现URL参数与JSON对象之间的互相转换。encode/decode 实现字符串与JSON对象之间的转换var p = {page:1,start:0};var s = Ext.urlEncode(p); // P的值为 "page=1&start=0"逆向请使用urlDecodeencode / decode//这两个方法实现字符串与JSON对象之间的互相转换使用AJAX返回JSON格式的数据的时候就需要使用d原创 2010-08-26 09:53:00 · 609 阅读 · 0 评论 -
Ext-core_第一章_1.6
<br />1.6 定时执行代码<br />Ext Core 提供了 TaskRunner TaskMgr 和 DelayedTask 三个类来执行定时任务,其中TaskMgr是TaskRunner的一个静态实例。<br /> TaskRunner 类的作用是在设置的时间间隔内定时执行指定任务,代码:<br /> <br />var stop = false ;//任务定义var task = { run : function(){ if(!st原创 2010-08-26 10:30:00 · 468 阅读 · 0 评论 -
Ext-core_第一章_1.4
<br />Ext.Template 模板 (方便格式化输出数据)<br />将一段Html片段呈现为模板。可将模板编译以获取更高的性能。针对格式化的函数的可用列表,请参阅Ext.util.Format.<br />用法: <br />var t = new Ext.Template( '<div name="{id}">', '<span class="{cls}">{name:trim} {value:ellipsis(10)}</span>', '</di原创 2010-08-26 10:51:00 · 515 阅读 · 0 评论 -
Ext小记
只有 layout : ‘form’ 下的元素 items 才能正确显示fieldLablelayout : “column” 下的 items 显示不了fieldLable修改 lable 的位置 bodyStyle : "margin-left:15px"---------------------------------------------------------------------------------------------------------原创 2010-08-26 14:37:00 · 498 阅读 · 0 评论 -
Ext.layout.FormLayout
这是用来创建一个表单的布局,负责渲染和其部件内的子元件。渲染出来的Field是能够支持HTML label元素的用户体验设计。 This layout manager is specifically designed for rendering and managing child Components of forms. It is responsible for rendering the labels of s. 此类可以被继承或通过配置项layout:'form'Ext.Containerl原创 2010-08-30 14:54:00 · 3894 阅读 · 0 评论 -
ExtJS之调试功能,特棒
在ExtJS开发过程中,经常会遇到怎么也找不到错误的时候,这时候就非常的头疼,好多人学ExtJS估计多没听说过它有调试功能的,真正用了之后你就会发现时多么的好用,具体怎么才能添加上调试功能,我且慢慢来跟你说步骤: 第一步:在ExtJS下载的资源包中,找到debug.js,将JS文件导入实际要运行的HTML或者JSP页面上 第二步:在有关JS文件代码中嵌入Ext.log('自定义调试信息'),如Ext.log('执行了xxx操作')等 第三步:运行网页吧,奇迹出现了,凡是你添加Ext.log信息的页面展原创 2010-09-01 14:52:00 · 2443 阅读 · 1 评论 -
ext 知识点小结
ext学习笔记 1.ext事件封装在ext.lib.Event下。上一层还有ext.EventObject,它继续封装了ext.lib.Event。一般函数中 function(e),这个e就是ext.EventObject对象。而且ext.EventObject还封装了鼠标和键盘的一些操作。 2.element.on('click',fn,this,{single:true,delay:100,testId}).其中single表示第一次,delay延迟,testId是传入fn()的参数。在原创 2010-09-14 10:44:00 · 913 阅读 · 0 评论 -
extJs 2.0学习笔记(事件注册总结篇) 转载
事件举例Ext.get("elem").on("click",{fn:function(){alert("此元素被单击了!");}};这样的代码谁不会写啊。一个on就了结了。但是,今天,我在研究Ext.Panel的tbar时,发现,那现工具栏按钮的事件注册不一样:元素注册、组件注册都是:{fn:……}工具栏按钮的事件注册:{handler:……}嘿,我就在想,为什么Ext的作者就不统一一下呢,都是fn多好。省得我分心了。一不小心准搞错了。还好,不是fn就是handler,凡是原创 2010-09-20 10:46:00 · 735 阅读 · 0 评论 -
Ext学习笔记 1
Ext.fly(grid.getView().getRow(0)).slideIn('t'); //选择第一条有从上往下的插入效果 Ext.fly(grid.getView().getRow(0)).frame('#cadaf9',3);//选择一条记录带蓝色光晕效果 enableKeyEvents:true //激活键盘事件 ,TextField 的键盘事件默认是关闭的 cmp.el.mask('正在发送...', 'x-mask-loading'); //给组件上遮罩 c原创 2010-09-20 13:37:00 · 1220 阅读 · 0 评论 -
Ext Record
Ext RecordExt.data.Record是一个设定了内部数据类型的对象.用面向对象来讲,它就是一个类Class、或结构Struct.eg:Ext:var Ext_record=Ext.data.Record.create({ {name:'name',type:'string'}, {name:'sex',type:'int'}});asp.net: class ASP_re原创 2010-09-21 10:04:00 · 6531 阅读 · 0 评论 -
extjs正则表达式验证
在EXT中使用正则表达式验证的方法:fieldLabel : '员工号',name : 'employee.empNo',regex: /^\w+$/,id : 'employee.empNo',regexText:"员工号只能由字母和数字组成!", allowBlank : falseExt.get('startdt').getValue().replace(转载 2011-10-10 10:36:05 · 8256 阅读 · 0 评论