extjs
文章平均质量分 69
love520240diaoer
这个作者很懒,什么都没留下…
展开
-
js做的小作业 增删查改 以及根据表头排序 等一系列的操作
综合使用的例子 .tab { border-collapse: collapse; width: 650px; border: 1px solid #4d9ab0} .tab td { border: 1px solid #4d9ab0} var j = 0; function display(...原创 2010-08-01 20:51:10 · 101 阅读 · 0 评论 -
深入浅出Ext JS:一个完整的EXT应用
在本文中,我们将综合运用前面所学的知识,开发一个简单的学生信息管理系统(如图12-1所示)。该系统的主要功能包括:显示学生信息、添加学生信息、修改学生信息,以及删除学生信息。这些功能的实现非常简单,我们在这里将演示如何在EXT中实现这些常用功能。 图12-1 学生信息管理系统界面 12.1 确定整体布局 在我们动手实现这些功能操作之前,首先应该确定页面的整体布局。在这里,...原创 2010-08-19 14:16:33 · 318 阅读 · 0 评论 -
使用Ext实现拖拉功能
[code] Untitled Page body{font-size:12px;margin: 10px;} .block { border: 1px red solid; height:80px; margin-top:50px;...原创 2010-08-19 14:24:40 · 286 阅读 · 0 评论 -
在extjs中,用GridPanel来显示数据
在extjs中,用GridPanel来显示数据,需要用到Store来处理,详细就不多说了,因为基本上看了下在的代码应该知道如何去处理数据了,如果看得一头雾水,建议还是先回去看看ext的基础说明吧。var store = new Ext.data.SimpleStore({// fields的取值应与下面columns的dataIndex值对应,注意大小写 fields...原创 2010-08-19 17:44:17 · 208 阅读 · 0 评论 -
在Ext中EditorGrid中datefield输入问题解决过程
在Ext中EditorGrid中datefield输入问题解决过程 近日自己做了一个小项目,要用Ext做界面,以前没用过ext,对JavaScript也是一知半解,就边学边做,这是我在这个过程中遇到一个问题的解决过程,欢迎大家批评指正。 一、问题开始在可编辑表格中有一个日期域,我希望能通过Ext中的日期输入域输入指定格式的日期,以便提交给服务器后方便处理。然而却出现了一些问题。...原创 2010-08-19 20:22:49 · 207 阅读 · 0 评论 -
Ext.grid.EditorGridPanel的使用、修改记录的获取及提交方法
可编辑表格面板EditorGridPanel Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '../../extjs2.0/resources/images/default/s.gif'; Ext.QuickTips.init(); Ext.form.Field.pro...原创 2010-08-19 20:27:21 · 286 阅读 · 0 评论 -
xt中combobox在grid显示问题
xt中combobox在grid显示问题问题描述:我在edit grid中嵌一个combox,combox的下拉单是文字的,但是提交时用数字代码表示。但是我的grid只显示数字代码,不显示对应的文字.嘿嘿,这可问题对于我这样的初学者讲根本就不懂,呵呵,google了一下,找到解决办法,嘿嘿,不过我只是试验了一种成功,其它的要么就不成功,要么就看不懂,呵呵,我现在先把我做成功的代码贴出来...原创 2010-08-19 23:16:00 · 221 阅读 · 0 评论 -
Ext Js Grid 编辑 新增 删除 保存的一个小示例
Ext Js Grid 编辑 新增 删除 保存的一个小示例 Paging edit-grid-paging.jsExt.onReady(function(){ Ext.QuickTips.init();...原创 2010-08-19 23:20:21 · 112 阅读 · 0 评论 -
div左图右文布局效果 收藏
div左图右文布局效果 收藏中国站长天空-网页特效-状态标题-标题栏上的倒计时* { margin:0; padding:0;}img { height:100px; width:100px; border:1px solid #ccc; padding:2px;}h3 { fon...原创 2010-08-19 23:22:18 · 748 阅读 · 0 评论 -
ExtJS3.0之可编辑表格EditorGridPanel
ExtJS3.0之可编辑表格EditorGridPanel 可编辑表格是指可以直接在表格的单元格对表格的数据进行编辑,ExtJS中的可编辑表格由类Ext.grid.EditorGridPanel表示,xtype为editorgrid。使用EditorGridPanel与使用普通的GridPanel方式一样,区别只是在定义列信息的时候,可以指定某一列使用的编辑即可,下面来看一个简单的...原创 2010-08-19 23:45:42 · 514 阅读 · 0 评论 -
EditorGridPanel中ComboBox显示问题?
function getConsumerUnit(value){ var rd = houFct.EmptyStore.getAt(0); if(rd){ return rd ? rd.get('unitName') : '请选择..'; }; if(houFct.get('consumerGrid').getGrid...原创 2010-08-19 23:52:20 · 159 阅读 · 0 评论 -
搭建EXTJS和STRUTS2框架(ext和struts2简单实例)
新建一个工程struts2工程teaweb(因为现在所做的项目是一个关于茶叶,茶文化的),导入jar包(基本的几个jar包:commons-logging-1.0.4.jar,freemarker- 2.3.8.jar,ognl-2.6.11.jar,struts2-core-2.0.10.jar,xwork-2.0.4.jar),配置 struts.xml配置内容如下...原创 2010-08-23 08:17:30 · 153 阅读 · 0 评论 -
在Struts2.0中使用JSON结合DWR和EXT
在Struts2.0中使用JSON结合DWR和EXT 如题,大家在Struts2.0中使用json是一般都选择了jsonplugin,我对jsonplugin不太熟悉,因此我选择了json-lib这个jar包。不知道jsonplugin对bean的支持是不是很好,还是只能对action进行序列化。好了现在说一下我的思路。我先用Json-lib将我的bean进行序列化,当然此过...原创 2010-08-23 08:24:56 · 113 阅读 · 0 评论 -
Extjs总结
ExtJS是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs 最开始基于YUI 技术,无论从UI 界面上CSS 样式的应用,到数据解析上的异常处理,都可算是一款不可多得的JavaScript 客户端技术的精品。extjs 的js...原创 2010-08-23 17:07:06 · 115 阅读 · 0 评论 -
EXt tree 简单增、删、改、查
EXt tree 简单增、删、改、查 [code]js:Ext.onReady(function() { // 树形面板 var tree = new Ext.tree.TreePanel({ id : 'tree-mianban', title : '树', region : 'west', animate : true,...原创 2010-08-26 17:43:52 · 124 阅读 · 0 评论 -
Ext.data.Connection
Ext.data.ConnectionExt.data.Connection 是对Ext.lib.Ajax的封装,它提供了配置使用Ajax的通用方式,它在内部通过Ext.lib.Ajax实现与后台的异步调用。与底层的 Ext.lib.Ajax相比,Ext.data. Connection提供了更简洁的配置方式,使用起来更方便。Ext.data.Connection 主要用于在Ext...原创 2010-08-28 23:11:20 · 93 阅读 · 0 评论 -
Ext3.2中文API(最终完成版2010-10-25)
Ext3.2中文API(最终完成版2010-10-25).CHM原创 2010-11-15 10:25:49 · 170 阅读 · 0 评论 -
Ext.GridPanel 用法总结(一)—— Grid基本用法
Ext.GridPanel 用法总结(一)—— Grid基本用法GridPanel类是基于基础列表接口具代表性的主要实现类。也是最常用的Ext组件之一。一:首先定义grid的数据源view plaincopy to clipboardprint? //初始化Ext状态管理器,在Cookie中记录用户的操作状态,如果不启用,象刷新时就不会保存当前的状态,而是重新加载 ...原创 2010-08-19 12:23:02 · 146 阅读 · 0 评论 -
Ext.ux.grid.RowEditor的使用
Ext.ux.grid.RowEditor的使用RowEditor is a normal grid plugin, so you’ll need to instantiate it and add to your grid’s ‘plugins’ property. You also need to define what type of Editor is available (if ...原创 2010-08-19 10:42:13 · 315 阅读 · 0 评论 -
js继承
[code]js继承第一种继承var A = {name:"diaoer",show:function(){ alert(this.name); }}var B = {};for (var i in A) { B[i]=A[i];}B.show();第二种继承function A() { this.name="diaoers"; t...原创 2010-08-03 11:46:40 · 73 阅读 · 0 评论 -
《仔仔细细分析Ext》 第一章 必须理解Ext.extend函数
《仔仔细细分析Ext》 第一章 必须理解Ext.extend函数 原创作者: damoqiongqiu 阅读:1362次 评论:11条 更新时间:2009-05-31 收藏 显然了,从函数名就可以看出来,这个函数是整个Ext类库的基石,之一。 笔者初看这个函数,感觉比较迷糊,只知道它完成了继承的功能,但是里面到底做了什么操作,并不太好理解。 网络上有很多...原创 2010-08-07 10:59:09 · 161 阅读 · 0 评论 -
ExtJs 中 xtype 与组件类的对应表与vtype
写 ExtJs 相关代码多了就会用 xtype 的体会,下面是 ExtJs 中各组件的 xtype 与组件类的对应表。不包括 Ext.ux 命名空间中扩展的组件。其实在 Ext API 文档中有此列表,在 API 帮助中查找 Component 打该页面就能看到,即:http://www.extjs.com/deploy/dev/docs/output/Ext.Component.h...原创 2010-08-07 15:55:31 · 105 阅读 · 0 评论 -
ext 控件属性
Ext.Actionaction实现一个脱离了容 器的事件,所有它可以在多个容器之间共享,不过好象只有Ext.Toolbar, Ext.Button 和 Ext.menu.Menu 支持action接口:),因为容器要实现下面所有的方法setText(string), setIconCls(string), setDisabled(boolean), setVisible(boolean) a...原创 2010-08-07 18:18:19 · 79 阅读 · 0 评论 -
Checkbox与RadioGroup的使用方法
Checkbox与RadioGroup的使用方法没错!是Checkbox与RadioGroup而不是Checkbox与Radio。Ex提供的Checkbox与Radio,在控件同名成组时,例如将性别的男与女两个Radio控件都使用sex作为名称时,findField方法只能获取第一个控件,setValue也只能设置第一个控件,这样就造成了如果要使用Form的Load方式加载编辑数...原创 2010-08-08 00:05:18 · 139 阅读 · 0 评论 -
Ext 总结
ExtJs总结(一)关键字: extjs---grid 问题:使用Grid时,如果出现列标题与复选框错位使用定义样式.ext-ie7 .x-menu-item-icon,.ext-ie6 .x-menu-item-icon {left: -24px;}.ext-ie8 .x-menu-item-icon,.ext-ie7 .x-menu-item-icon,...原创 2010-08-08 22:03:41 · 113 阅读 · 0 评论 -
自己总结的ExtJs
ExtJs总结关键字: extjs---grid 问题:使用Grid时,如果出现列标题与复选框错位使用定义样式.ext-ie7 .x-menu-item-icon,.ext-ie6 .x-menu-item-icon {left: -24px;}.ext-ie8 .x-menu-item-icon,.ext-ie7 .x-menu-item-icon,.ex...原创 2010-08-11 16:09:39 · 96 阅读 · 0 评论 -
ExtTree之右键菜单增删改及拖拽同步数据库
ExtTree之右键菜单增删改及拖拽同步数据库单凭一个ExtTree也要学习ExtJs是好多开发人员常说的话,的确,Ext对树的支持非常的好,并且展现起来非常美观。下面我就来通过代码介绍下我学习过程中关于ExtTree各方面的知识代码如下:Java代码 Ext.onReady(function() { Ext.BLANK_IMAGE_...原创 2010-08-12 10:46:25 · 114 阅读 · 0 评论 -
ext2.2核心代码
Ext.DomHelper = function () { var L = null; var F = /^(?:br|frame|hr|img|input|link|meta|range|spacer|wbr|area|param|col)$/i; var B = /^table|tbody|tr|td$/i; var A = function (T) {...原创 2010-08-12 11:06:36 · 94 阅读 · 0 评论 -
EXT核心API详解
EXT核心API详解1、Ext类 ………………………………… 2 2、Array类 …………………………… 4 3、Number类 …………………………… 4 4、String类 …………………………… 45、Date类 ……………………………… 5 6、Function类 ………………………… ...原创 2010-08-12 11:24:42 · 366 阅读 · 0 评论 -
Ext下拉列表得到的是显示的值而不是它实际的值的解决办法
如果你写的是这样的话,var jsonType = [['1', '电话'],['2', '电脑'],['3', '冰箱'],['4','电视']];这里面有两个字段,为id,typeName我的下拉列表是这样定义的fieldLabel : '家电类型',xtype : 'combo',mode : 'local',triggerAction : 'all',sto...原创 2010-08-13 17:09:08 · 245 阅读 · 0 评论 -
Ext.form.BasicForm
Ext.form.BasicForm对应一个dom中的form,默认是用ajax提交的,如果的确想回传,可以使用如下方式var myForm. = new Ext.form.BasicForm("form-el-id", { onSubmit: Ext.emptyFn, submit: function() { this.ge...原创 2010-08-13 17:13:44 · 193 阅读 · 0 评论 -
Extjs中给一个组件命名时,id,name,hiddenName这三者的用法和区别是什么
Extjs中给一个组件命名时,id,name,hiddenName这三者的用法和区别是什么id,name与HTML中元素的id、name相对应hiddenName是ComboBox特有的初始化config。一般来说,下拉列表分显示值和上传值。hiddenName是用来说明哪个值是上传值。Ext.Combobox时候用(hiddenName对应下拉的隐藏key,name对应下拉显...原创 2010-08-13 17:24:30 · 453 阅读 · 0 评论 -
Ext 处理性别单选按钮
new Ext.form.RadioGroup({ fieldLabel : '性别', // horizontal : true, items : [new Ext.form.Radio({ name : 'sex', boxLabel : '男', inputValue...原创 2010-08-13 20:47:44 · 283 阅读 · 0 评论 -
DWR与EXT整合
据不完全统计,从事Ajax开发的Java程序员有一大半都使用DWR。我们下面来介绍一下如何在EXT中使用DWR与后台交互。因为DWR在前台的表现形式和普通的JavaScript完全一样,所以我们不需要特地去做些什么,直接使用EXT调用DWR生成的JavaScript函数即可。以Grid为例,比如现在我们要显示一个通讯录的信息,后台记录的数据有:id、name、sex、email、tel、a...原创 2010-08-14 21:01:01 · 197 阅读 · 0 评论 -
ext+dwr完整的例子(包括树,增删改查等)
ext+dwr完整的例子(包括树,增删改查等)文章分类:Web前端 关键字: ext+dwr完整的例子(包括树, 增删改查等)---jsvar UI = function(){var ds;var grid;return { init : function() { Ext.QuickTips.init(); initDat...原创 2010-08-14 21:14:32 · 83 阅读 · 0 评论 -
Ext 文档相关
Ext 文档相关原创 2010-11-22 12:55:52 · 82 阅读 · 0 评论