Extjs - 随笔分类 - Rain&Sun

ExtJS下禁用BackSpace键，但可以删除文本内容的方法

摘要：转自：http://7626.net/?p=270浏览器有个很BT的默认设置，就是当光标不在输入框的时候，按BackSpace键后默认动作是后退至上一页。在各类WebApp下，这个设置是无法忍受的。在ExtJS框架下可以这样： //禁用Backspace鍵後退 Ext.EventManager.on(Ext.isIE ? document : window, 'keydown', function (e, t) { if (e.getKey() == e.BACKSPACE &&e.browserEvent.srcElement.type != 'tex 阅读全文

posted @ 2013-01-23 17:30 Rain&Sun 阅读(918) 评论(0) 推荐(0)

js 在<input type='file'/>的使用中，控制文件的后缀jpg gif等

摘要：var file_name = Ext.getCmp('_DocumentData').getValue();//EXTJS获得文件路径的名称 if (file_name != "" && file_name != null) { var file_ext = file_name.substring(file_name.lastIndexOf(".") + 1);//获取后缀 file_ext = file_ext.toLowerCase(); //都改成小写 ... 阅读全文

posted @ 2012-11-23 17:45 Rain&Sun 阅读(707) 评论(0) 推荐(0)

ExtJS 常用的正则表达式验证

摘要：调用要引入Ext.QuickTips.init(); //为组件提供提示信息功能，form的主要提示信息就是客户端验证的错误信息。 Ext.form.Field.prototype.msgTarget = 'side'; //指示错误出现的方式，包含的值为在EXT中使用正则表达式验证的方法：fieldLabel : '员工号',name : 'employee.empNo',id : 'employee.empNo',regex: /^/w+$/,regexText:"员工号只能由字母和数字组成！",allow 阅读全文

posted @ 2012-11-22 10:50 Rain&Sun 阅读(607) 评论(0) 推荐(0)

ExtJs 表单几种验证与扩展

摘要：首先说明一下表单验证与其相关的一些设置Ext.QuickTips.init();//为组件提供提示信息功能，form的主要提示信息就是客户端验证的错误信息。Ext.form.Field.prototype.msgTarget='side'; //指示错误出现的方式，包含的值为qtip-当鼠标移动到控件上面时显示提示 //默认值为qtip，使用此种方式必须声明Ext.QuickTips.init();进行初始化title-在浏览器的标题显示under-在控件的底下显示错误提示side-在控件右边显示一个错误图标，鼠标指向图标时显示错误提示. 默认值.id-[element id] 阅读全文

posted @ 2012-11-22 10:43 Rain&Sun 阅读(720) 评论(0) 推荐(0)

Extjs 清空 inputType:'file'里的值

摘要：文件上传是WEB系统一个基本功能，在一个Form提交到服务器后，如果form的contentType是“multipart/form-data”类型，服务器就会认为这是文件提交。上传文件一般都是单独处理，不能同时处理Form中的其它表单。但是后台可以通过一定手段得到文件输入流之外的表单数据。比如邮件系统中处理附件时候，同时也处理了收件人，标题，内容等信息。来看下ExtJS中怎么实现这样的功能：按正常方式创建一个FormPanel, 同时需要加入一个属性：fileUpload,当这个属性为真时，就会声明当前FORM是一个带上传的FORM，其实就是把contentType改为“multipart/ 阅读全文

posted @ 2012-11-17 17:36 Rain&Sun 阅读(2875) 评论(0) 推荐(0)

Extjs 教程六 “ grid篇(2)”

摘要：extjs grid renderer用法今天在做项目时，需要在列表中的某列添加一个超链接，首先要取得当前选中行的数据，判断数据类型，然后链接到不同的页面，研究下。发现ExtJs提供了一个很强的方法如下：var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer({ header: "", width: 20, align: 'center' }),{ header: '', align: 'center', dataIndex: 'AccountAndRos 阅读全文

posted @ 2012-11-06 17:19 Rain&Sun 阅读(228) 评论(0) 推荐(0)

Extjs 教程三 “combobox”

摘要：一、例子1、combo加载本地数据源store 只要三步View Code 1 <head> 2 <title></title> 3  4 <link href="../extjs3/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> 5 <script src="../extjs3/ext-base.js" type="text/ja 阅读全文

posted @ 2012-11-04 18:25 Rain&Sun 阅读(830) 评论(0) 推荐(0)

ExtJS 教程一下载与安装

摘要：ExtJS-3.4.0系列 — ExtJS下载使用1、ExtJS-3.4.0下载 ExtJS官方网址：http://www.sencha.com/2、ExtJS-3.4.0文档目录 ExtJS-3.4.0文档目录结构图： ExtJS-3.4.0文档目录说明： ◊ adapter目录下是EXT的核心代码和底层库，包括jQuery、Prototype和YUI的适配器。 ◊ docs目录下是EXT的文档。 ◊ examples目录下是官方的演示示例。 ◊ pkgs目录下是EXT压缩后的代码，经过压缩的代码体积更小，加载更快。 ◊ resources目录下是EXT要用到的图片文件和样式... 阅读全文

posted @ 2012-11-04 17:34 Rain&Sun 阅读(2879) 评论(0) 推荐(1)

EXTJS 教程目录

摘要：本人开发extjs有两三个月了,做了三个左右的项目，其中后台都是用它来完成的。现在想借此机会整理一下用extjs开发的一些思维。其实本人并没有完全地看过一本extjs的书籍，只是在开发过程中遇到什么问题就去百度什么。结果到现在开发时基本的东西都记不住，每次都是从旧项目中拷贝要用的东西出来，结果效率很慢。ps:以下教程都是采用 extjs 3.4 都编写的言归正传，以下的目录是我即将都编写的博客目录。extjs的下载与安装，extjs目录的介绍extjs 教程一 “store”extjs 教程二 “combobox”extjs 教程三 “RadioGroup”extjs 教程四 “c... 阅读全文

posted @ 2012-11-04 17:14 Rain&Sun 阅读(383) 评论(0) 推荐(0)

Extjs 教程二 “ store篇”

摘要：一、概述store 从加载方式可以分为本地store和远程store二、操作下面是对store的一些日常操作：查，增，更，删1、查（Search）(1) Store.getCount()返回的是store中的所有数据记录，然后使用for循环遍历整个store，从而得到每条记录。除了使用getCount()的方法外，还可以使用each()函数，如下面的代码所示。store.each(function(record) { alert(record.get('name'));}); (2)Each()可以接受一个函数作为参数，遍历内部record，并将每个record作为参数传递给阅读全文

posted @ 2012-11-02 11:36 Rain&Sun 阅读(311) 评论(0) 推荐(0)

Aptana中安装ExtJS 代码提示插件

摘要：1.下载安装包含Aptana Studio； 2.启动Aptana,然后菜单：Help → Install New Software→ add… 3.名称可以输入: “Spket”，URL是http://www.spket.com/update/ ps:如果上面的URL不行，可以试下这 http://www.agpad.com/update/ 4.会提示... 阅读全文

posted @ 2012-11-01 00:19 Rain&Sun 阅读(806) 评论(0) 推荐(1)

Extjs form表单动态设置标签的隐藏和显示（解决问题）

摘要：在form中hide(),show()这些只是设置了输入框的隐藏与显示，并没有设置label标签的隐藏与显示。所以在这里介绍以下方法来帮助大家。 1 //获得操作对旬 2 var field=Ext.getCmp("id'); 3 //显示 4 showField(field); 5 //隐藏 6 hideField(field); 7 8 function hideField(field) 9 {10 field.disable();// for validation11 field.hide();12 field.getEl().up('.x-form-item& 阅读全文

posted @ 2012-08-15 21:13 Rain&Sun 阅读(9910) 评论(0) 推荐(0)

extjs form表单的重置 (增加和修改值冲突问题)

摘要：解决：当页面增加和修改公用一个formpanel时，当先点击修改时，窗体修改显示出数据的问题阅读全文

posted @ 2012-08-15 20:41 Rain&Sun 阅读(1957) 评论(0) 推荐(0)

extjs 3.4 向grid添加按钮列

摘要：向grid添加按钮列只要有两步：1、创建按钮列，//按钮{ header: "", dataIndex: "c_reply", width: 50, renderer: function (value, cellmeta) { return "<INPUT type='button' value='回复'>";}},2、添加单元格单击事件 //添加cell单击事件 AdviceGrid.addListener('cellclick', cellclick); function 阅读全文

posted @ 2012-08-10 16:44 Rain&Sun 阅读(9157) 评论(0) 推荐(0)

extjs 3.4 使用XTemplate 改变grid行的显示方式

摘要：为了对grid的行显示变得多样式，使内容的布局更定制。效果图：代码： var data = [ { 'id': 1, 'name': '小王', 'sex': '男' }, { 'id': 2, 'name': '小李', 'sex': '男' }, { 'id': 3, 'name': '小兰', 'sex': '女' } ]; var store = n 阅读全文

posted @ 2012-08-10 16:27 Rain&Sun 阅读(1131) 评论(0) 推荐(0)

extjs 收藏的一些网址与博客

摘要：http://zccst.iteye.com/category/159706http://www.cnblogs.com/hannover/tag/extjs/ 阅读全文

posted @ 2012-08-10 15:43 Rain&Sun 阅读(131) 评论(0) 推荐(0)

extjs 3.4 store的分类与使用

摘要：据目前所知：Store至少可分为两类，一个是SimpleStore，另一个是JsonStore。1，用在gridPanel中常使用SimpleStorevar store_stat = new Ext.data.SimpleStore({ fields:[ {name:'date',mapping:'date'} ,{name:'model',mapping:'model'} ,{name:'per',mapping:'per'} ] });2，填充表单中的下拉菜单（c... 阅读全文

posted @ 2012-08-10 15:32 Rain&Sun 阅读(1058) 评论(0) 推荐(0)

随笔分类 - Extjs

公告