![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ExtJS
萝卜耳朵
这个作者很懒,什么都没留下…
展开
-
Eclipse与VS2012 实现ExtJs智能提示
原址:http://www.cnblogs.com/luotaoyeah/p/3803926.html1 . 开发环境MyEclipse 12.0.0ExtJs 4.2.1.883Spket 1.6.232 . 下载资源extjs 4.2.1.883 - http://www.sencha.com/products/extjs/download/ext-转载 2015-01-14 15:14:21 · 1874 阅读 · 0 评论 -
对Extjs中store的多种操作
先来个声明,看着不错,贴过来的,没都测试过。 Store.getCount()返回的是store中的所有数据记录,然后使用for循环遍历整个store,从而得到每条记录。除了使用getCount()的方法外,还可以使用each()函数,如下面的代码所示。1. store.each(function(record) { 2. alert(r转载 2015-06-14 23:20:54 · 1108 阅读 · 0 评论 -
Extjs Window用法详解
原文引自 起飞网:http://www.qeefee.com/article/extjs-window-in-detail今天我们来介绍一下Extjs中一个常用的控件Window。Window的作用是在页面中创建一个窗口,这个窗口作为容器,可以在它里面加入grid、form等控件,从而来实现更加复杂的界面逻辑。本文的示例代码适用于Extjs 4.x和Extjs 5.x,转载 2015-06-15 22:35:40 · 2655 阅读 · 0 评论 -
Extjs GridPanel用法详解
转载自起飞网原址:http://www.qeefee.com/article/extjs-grid-in-detailExtjs GridPanel 提供了非常强大数据表格功能,在GridPanel可以展示数据列表,可以对数据列表进行选择、编辑等。在之前的Extjs MVC开发模式详解中,我们已经使用到了GridPanel,今天我们来介绍一下Extjs中GridPanel的详细转载 2015-06-14 10:18:24 · 548 阅读 · 0 评论 -
Extjs Form用法详解
原文引子起飞网:http://www.qeefee.com/article/extjs-form-in-detailExtjs Form是一个比较常用的控件,主要用来显示和编辑数据的,今天这篇文章将介绍Extjs Form控件的详细用法,包括创建Form、添加子项、加载和更新数据、验证等。本文的示例代码适用于Extjs 4.x和Extjs 5.x,在Extjs 4.2.1 和E转载 2015-06-15 22:33:26 · 4443 阅读 · 0 评论 -
xtJS textField 关于验证(Regex)的一些属性说明
xtype: 'textfield',1.regex: /^[\u4e00-\u9fa5]+$/i,regexText : "请输入中文",2.regex: /^\d+$/,regexText: "电话号码只能为数字",3.regex: /^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][转载 2015-07-25 19:14:20 · 738 阅读 · 0 评论 -
ExtJS控件样式的修改(示例无边框panel)
这里说的修改不是去改extjs本身的ext-all.css, 也不建议这样去做,这样会影响所有页面;而应该是用自定义的css去覆盖某些控件的默认样式。大部分控件都有类似cls、style的属性供开发者去定制样式;但具体要设置样式的哪些属性才能达到特定效果,api文档就没说了。比如要构建一个不带边框的panel,设置border、bodyborder属性是不行的,还是会有1px的边框。网上去搜就更难转载 2015-06-14 15:25:36 · 4626 阅读 · 0 评论 -
ExtJS操作数据时的等待界面
不是什么新东西,就是一个自动滚动的进度条提示框,它经常被用在一个耗时的交互操作当中,这段等的蛋疼的时间来干么呢?咱总不能给人播放一段视频吧?!所以就出现这么个货。但是程序员需要在交互操作完成之后去关闭它。以前也是用过MessageBox.wait()来调出等待界面,用户界面还算比较友好吧,这里简要的介绍一下具体的使用方法(来自网络)。调用格式:wait( String msg, [转载 2015-08-07 22:36:52 · 4807 阅读 · 0 评论 -
Ext.form.ComboBox最常用的一些属性和方法
Js代码 id:'cbid', name:'year',//name只是改下拉的名称 hiddenName:'hyear',//提交到后台的input的name width : 80, store : Wayfoon.Year,//填充数据 emptyText : '请选择',转载 2015-08-10 23:00:35 · 4062 阅读 · 0 评论 -
extjs url中文乱码处理 -- encodeURI(filePath)
项目中有一个功能,对数据库的备份与还原,在还原的工程中用户可以自己选择文件,文件中可能存在中文,那么我们以ajax的方式提交到后台就会出现乱码。所以需要我们对这样的数据进行编码,传到后台以相同的编码格式解码。 要对中文进行重编码如下代码:filePath="E:\中文.sql";Ext.Ajax.request({ url:"group.do?meth转载 2015-07-18 18:32:39 · 2570 阅读 · 0 评论 -
ExtJS Trigger
本节的内容将介绍Trigger的用法。在所有控件中,我们很少直接使用Trigger,但是我们经常用到他的子类:combobox、date、file等都是它的子类(combobox和date是picker的子类,而picker继承自Trigger)。更多的ExtJS教程,点击进入>>《ExtJS 教程目录》,持续更新中……如果要直接使用Trigger,需要定义一个它的子类,并在子类中重写on转载 2015-08-02 19:50:12 · 2666 阅读 · 0 评论 -
ExtJS ComboBox 下拉列表详细用法
原文转自起飞网:http://www.qeefee.com/article/000171ComboBox 是ExtJS中经常用到的控件,今天我们来讲一下它的一些用法。使用本地StoreComboBox需要结合Store一起使用,下面是一个最简单的例子,结合本地的Store的用法:var genderStore = Ext.create("Ext.data.S转载 2015-06-14 23:23:14 · 39204 阅读 · 4 评论 -
ExtJs 格式化字符串:去除行首、行尾空格、换行符
原址:点击打开链接 一、Ext 1.1 Ext.isEmpty(v, allowBlank) //是否为空[链接] 1.2 Ext.isArray(v) //是否为数组集合 1.3 Ext.isPrimitive(v) //是否是基本数据类型String/Number/Boolean 1.4 Ext.isFun转载 2015-10-02 15:26:47 · 3203 阅读 · 0 评论 -
Extjs extjs datefield日期格式
extjs DateField 的值用getValue()方法获取后是一大堆字符串,类似Tue Dec 07 2010 00:00:00 GMT 0800,这玩意存入数据库实在不好办。。。所以要把它格式化一下,方法很简单,用EXT的Ext.util.Format.date()方法示例:var gedt = Ext.util.Format.date(日期控件.getValue()转载 2015-10-06 21:41:56 · 1240 阅读 · 0 评论 -
ExtJs4 layout 布局
原址:ExtJs4 笔记(14) layout 布局本篇讲解Ext另一个重要的概念:布局。一般的容器类控件都是通过配置项items添加子控件的,这些子控件相对于父控件怎么定位呢,这里就要用到布局。某些容器类控件,它本身默认就集成了一种布局方式,例如比较典型的是:Ext.container.Viewport 布局控件,它其实就是一个border布局的容器,还有Ext.form.Panel转载 2015-07-26 18:49:29 · 1484 阅读 · 0 评论 -
extJs常用的四种Ajax异步提交
转自 : http://blog.csdn.net/hrl_100/article/details/5639922/** * * 第一种Ajax提交方式 * * * 这种方式需要直接使用ext Ajax方法进行提交 * * * 使用这种方式,需要将待传递的参数进行封装 * * * @retu转载 2015-07-09 21:38:47 · 565 阅读 · 0 评论 -
EXTJS动态树,非常完整的一个例子
这个是我从ITeye里看到的,最近也在做这个例子,觉得那边的写的非常的不错,现在拿过来分享下,等自己的例子写好,也会拿上来分享的 EXTJS动态树的实现举例 一、描述:通过dwr实现JS与后台的交互,从而实现动态树中叶子节点和目录节点的增加和编辑、以及节点的拖曳,节点的增删和拖曳都会改变自身以及它所在的目录节点下的相关节点的序号,能使得后台与前台同步。这个序号借助了tree中n转载 2015-05-27 16:01:34 · 2783 阅读 · 2 评论 -
一个EXTJS与JSP连接把数据写入数据库的例子
下面的问题本来是我问别人的最后自己搞定了,改自一个与PHP的版本。现在有一个EXTJS做的前台注册窗口,窗口中有用户和密码两栏,一个提交按钮。-----现在,在用户和密码两栏中填入数据,之后点提交按钮,数据通过EXTJS 提交到JSP然后写入数据库。要全部的代码:EXTJS(前台部分),JSP(后台部分) [javascript] view转载 2015-05-27 16:01:51 · 1718 阅读 · 0 评论 -
Extjs5需要引入哪些文件
下载到的压缩包解压以后,你会看到一大堆的文件夹和文件,我们该如何使用Extjs5呢?之前看到过别人说的通过Sencha CMD创建Extjs5项目,但个人觉得那种方式并不适合我们目前的开发模式。我说做ASP.NET的,需要在ASP.NET MVC或WebForm中使用Extjs,所以绝对不上简单的通过Sencha CMD 生成Extjs5项目那么简单。首先,我们要找到有用的资源。转载 2015-01-05 13:59:50 · 2734 阅读 · 0 评论 -
Extjs MVC开发模式详解
在JS的开发过程中,大规模的JS脚本难以组织和维护,这一直是困扰前端开发人员的头等问题。Extjs为了解决这种问题,在Extjs 4.x版本中引入了MVC开发模式,开始将一个JS(Extjs)应用程序分割成Model-View-Controller三层,为JS应用程序的如何组织代码指明了方向,同时使得大规模JS代码变得更加易于重用和维护;这就是Extjs MVC开发模式的初衷。在官方给转载 2015-01-16 16:15:32 · 5992 阅读 · 1 评论 -
ExtJs xtype一览表
基本组件:xtypeClass描述buttonExt.Button按钮splitbuttonExt.SplitButton带下拉菜单的按钮cycleExt.CycleButton转载 2015-01-05 09:05:58 · 560 阅读 · 0 评论 -
eclipse 部署EXTJS
下载:ExtJS 4.1.1在Eclipse中安装spket插件下载:spket-1.6.23.zip最低要求:你需要java 1.5或更高版本运行安装程序,可独立使用步骤:1.作为eclipse的插件使用,按Plugin进入下载页面把他下载下来。2.下载完成解压文件得到一个eclipse文件夹,将文件夹下的plugins和features两个文件夹拷贝到使用的 Eclip转载 2015-01-05 13:27:13 · 2811 阅读 · 0 评论 -
ExtJS学习:MVC模式案例
MVC模式案例(一)实现效果: 由上图可知,网页的布局有三部分组成:顶部标题、左侧菜单和右侧主题内容显示。这里我们对案例的布局有个初步印象,方便今后我们的进一步学习。 了解了项目的最终效果,下面来看一下该案例最终的文件结构: 有文件结构可以看出,在整个项目中,app文件夹是我们的主要工作目录,其中包含:controller(控制器)转载 2015-01-26 14:04:43 · 5446 阅读 · 4 评论 -
Extjs 出现 c is not a constructor 与 item is n
使用 Ext.Loader 与 Ext.application 的方式加载 MVC 的各个 js 文件时,总是出现两个问题: c is not a constructor 与 item is no define 。经过反复跟踪研究发现,问题出现在了对 Ext.define 、 Ext.create 以及 xtype 的理解不够到位。 1. 首先考虑如何定义一个 js 类,转载 2015-03-03 16:13:48 · 3774 阅读 · 0 评论 -
Struts2、Spring、Hibernate整合ExtJS
原文地址:http://blog.csdn.net/ibm_hoojo/article/details/6122123SSHExtTree百度文库提供下载:http://wenku.baidu.com/view/485e4d36f111f18583d05aed.html开标题就知道是Struts、Spring、Hibernate、ExtJS的Tree实例文档,其转载 2015-05-12 10:43:31 · 1255 阅读 · 0 评论 -
ExtJs+JSP构造动态树
在实际生产中树的构造是需要根据后台数据库中存放的内容动态加载的,例如一个系统中,不同的角色有不同的权限,他们所能进行的操作也是不同的,如果需要构造一个树形结构展现某个角色所能进行的操作,这就用到了树形结构。ExtJs提供了动态加载树形结构的机制,这里就用到了TreeStore动态加载,常用的动态加载数据格式有JSON和XML。这里我们看一下如何使用JSON格式数据动态加载属性结构。转载 2015-05-27 15:17:33 · 619 阅读 · 0 评论 -
extjs中treepanel属性和方法
1、Ext.tree.TreePanel主要配置项:root:树的根节点。rootVisible:是否显示根节点,默认为true。useArrows:是否在树中使用Vista样式箭头,默认为false。lines:是否显示树线,默认为true。loader:树节点的加载器,默认为Ext.tree.TreeLoader。selModel:树的选择模式,转载 2015-05-27 12:49:31 · 8695 阅读 · 0 评论 -
Ext.data.TreeStore
研究一下 extjs的tree树形结果,已经封装的很简单了12345678910111213141516171819202122232425262728转载 2015-05-27 14:20:11 · 4530 阅读 · 0 评论 -
extjs初学者教程
layout1.面板 (1)类结构 Ext.Base Ext.AbstractComponent Ext.Component Ext.container.AbstractContainer Ext.container.Container转载 2015-05-27 15:35:13 · 2098 阅读 · 0 评论 -
ExtJs使用总结
一、获取元素(Getting Elements) 1.Ext.get var el = Ext.get('myElementId');//获取元素,等同于document.getElementById('myElementId');//会缓存2. Ext.fly var el = Ext.fly('myElementId')//不需要缓存。 注:享元模式(Flyweight转载 2015-01-29 13:53:32 · 1605 阅读 · 1 评论 -
Extjs-树 Ext.tree.TreePanel
文章源址:http://blog.csdn.net/itlwc/article/details/78738691.简单的树效果图代码[javascript] view plaincopy"text/javascript" defer> Ext.onReady(function(){转载 2015-05-19 15:58:44 · 1074 阅读 · 0 评论 -
ExtJs控件属性配置详细
序言: 1.本文摘自网络,看控件命名像是4.0以前的版本,但控件属性配置仍然可以借鉴(不足之处,以后项目用到时再续完善)。Ext.form.TimeField: 配置项: maxValue:列表中允许的最大时间 maxText:当时间大于最大值时的错误提示信息 minValue:列表中允许的最小时间转载 2015-06-06 17:58:42 · 1185 阅读 · 0 评论 -
ExtJs 4.2 textfield 去除边框样式为下划线
设置textfield属性:fieldStyle:'border-color: #ffffff; background-image: none;border-bottom: #000000 1px solid;',原创 2015-10-09 23:43:02 · 5138 阅读 · 0 评论