Extjs
关注
分享
扫一扫
文章平均质量分 68
chenxueyong7345
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Extjs学习笔记(-):ComboBox联动
看到Extjs Example那些美轮美奂的界面,我也不禁心动了,也加入到学习Extjs的行列中来了,到园子里找了些朋友们的相关文档,囫囵吞枣的大都看了一遍,好像都还能理解,不过,经验告诉我,能看懂与能自己写,那根本就是两回事,况且这次还是大部分的手写javascript代码呀,所以还是不能光说不练,现在就动手: 我准备用ExtJS实现两个comeboBox(DropDownList)联动的效果...原创 2009-02-20 16:29:20 · 259 阅读 · 0 评论 -
ext的学习笔记3-layout(二)
更高级的布局管理 layout = new Ext.BorderLayout(document.body, { &am原创 2009-02-17 17:17:21 · 135 阅读 · 0 评论 -
ext的学习笔记3-layout(一)[转]
布局修改器 东east 西:west 南：south 北：north1 简单布局<div id ="header"></div><div id ="footer"></div><div id ="nav"></div>&原创 2009-02-17 17:16:53 · 156 阅读 · 0 评论 -
ext的tree学习笔记
YUI.ext中的Tree组件可以用来在页面实现树型布局的效果，包括常见的树型菜单等，那么我们怎样才能生成一个Tree呢，主要有以下四个步骤；1.定义一个Tree对象：var tree = new Ext.tree.TreePanel('tree', { animate:true, loader: new Ext.tree.Tr...原创 2009-02-17 17:14:47 · 109 阅读 · 0 评论 -
Ext多选下拉框
Ext多选下拉框 2009-02-11 13:19 一.首先引入对象Ext.form.MultiSelect // vim: ts=4:sw=4:nu:fdc=4:nospell // add RegExp.escape if it has not been already addedif('function'...原创 2009-02-17 17:00:39 · 1045 阅读 · 0 评论 -
Ext2--含有树的下拉框（代码+图）
一.首先引入对象ComboBoxTree ComboBoxTree = Ext.extend(Ext.form.ComboBox, { passName : 'id', allowUnLeafClick : true, // tpl: '<div id="treeTpl"></div>', //html代码 treeHeight : 180, store : new Ext...原创 2009-02-17 16:56:50 · 140 阅读 · 0 评论 -
Ext2.0的通用grid包括（增、删、改、查、导出excel）
下面为扩张grid的 代码 /** * @auther huangfeng * @class Ext.ux.GridExtend * 通用的grid */ Ext.ux.GridExtend=function(config){ Ext.QuickTips.init(); this.config=config; this.filters=th...原创 2009-02-12 18:53:05 · 100 阅读 · 0 评论 -
JS 图表工具可以结合extjs实现
OpenFlashChart简介 by valensoft 2009-1-10 8:29:00 OpenFlashChart是一款开源的以Flash和Javascript为技术基础的免费图表，用它能创建一些很有效果的报表分析图表。 最重要的是它是开源和免费的，由于平时我使用的是.NET的开发技术，所以就以.NET技术为研究对象，当然它可以支持多种语言。 如何工作? 使用...原创 2009-02-12 18:50:56 · 129 阅读 · 0 评论 -
正则验证表达 extjs中的form
{ fieldLabel : "租户电话", name : "phone", regex : /^((\(\d{3}\))|(\d{3}\-))?(\...原创 2009-02-12 18:48:57 · 142 阅读 · 0 评论 -
《ExtJS2.0实用简明教程》之与服务器交互 extjs Ext.Ajax.request({})
var store=new Ext.data.Store({ url:"hello.xml", reader:new Ext.data.XmlReader({ record:"row"}, ["id","name","organization","homepage"]) }); 因为Sote组件接受一个参数url，如果设置url，则ExtJ原创 2009-02-12 18:48:07 · 139 阅读 · 0 评论 -
EXTJS实现的WEBQQ可以传文件了哈
Ext.namespace("JDBS.Apps.AppClass.JDBSIM");/** * 在线交流功能界面类 */JDBS.Apps.AppClass.JDBSIM.IMUI=function(o){ this.app=o.app||null;//指向im app delete o.app; //传递给面板的配置参数 var treeLoader = new Ext...原创 2009-02-12 18:47:31 · 137 阅读 · 0 评论 -
Ext.extend()的运用
FormSet_Tabpage_SimpleSelGrid= Ext.extend(Ext.grid.GridPanel,{ selwindow:null, constructor:function(obj){ // if (this.selwindow ==null ) selwindow= new F...原创 2009-02-12 18:46:44 · 138 阅读 · 0 评论 -
ext的学习笔记4-menu
MENU的使用/** Ext JS Library 1.0* Copyright(c) 2006-2007, Ext JS, LLC.* licensing@extjs.com* * http://www.extjs.com/license*/Ext.onReady(function(){ Ext.QuickTips.init();&...原创 2009-02-17 17:18:32 · 131 阅读 · 0 评论 -
EXTJS treecombox
今天写了一个后台的菜单管理页面，新增或修改树节点时，需要选择已经存在的节点作为父节点，于是想让一个combox作为载体显示一个树的widget，EXTJS并没有提供该控件，于是逛了逛一些论坛和网站，发现vifir的博客系统使用到了此控件，不过并没有提供源代码参考，没办法，自己写一个吧... 以下代码是扩展于combox的 DynamicTreeCombox，代码如下： Java代码 E...原创 2009-02-18 09:32:24 · 268 阅读 · 0 评论 -
Extjs学习笔记(-):ComboBox联动(下)
说是下篇,其实也无所谓上下了,只是我在上一篇关于实现ComboBox联动的文章中提出的问题,虽然也在Google和园子里泡了很久,苦于E文太菜,没能在Extjs官方论坛中寻求得到帮助,幸好皇天不负有心人,通过这么多天的努力,也总算吧问题给解决了,其实也不知道是不是实现我这个问题的最佳方法了,只算是能够实现吧,所以,我也就算抛砖引玉吧,希望各位大虾能多多指教.问题的提出,请参看我的上篇...原创 2009-02-20 16:26:16 · 151 阅读 · 0 评论 -
Ext.Templates 高级使用
Ext.Templates 主要用来生成一套html代码模板。非常实用！下面介绍一些高级应用，之后有个简单的例子比如 <span class="{cls}">{name} {value}</span>。 加处理函数之后，<span class="{cls}">{name:trim} {value:ellipsis(10)}</span>。相关函...原创 2009-02-18 19:03:43 · 132 阅读 · 0 评论 -
用ExtJS 实现动态载入树
1、 数据库背景：这里有一个组织机构表，结构如下：Oracle DDL脚本 ：create table ORGANIZATION( ORGID NUMBER(10) not null, PARENTID NUMBER(10) not null, ORGNAME VARCHAR2(32) not null, ISAVAILABLE NUMBER(1) defau...原创 2009-02-18 19:02:56 · 131 阅读 · 0 评论 -
Ext列宽度不够，需要tip的解决
当一个列用render渲染的时候，如果列宽度不够，内容多出的部分会被隐藏，无法显示。这时需要一个鼠标滑过提示全部内容的tip功能。渲染的函数写成如下：function renderHallName(value, meta, rec, rowIdx, colIdx, ds){ return '<div ext:qtitle="" ext:qtip="' + value + '">'...原创 2009-02-18 15:00:21 · 174 阅读 · 0 评论 -
Ext CheckTreeNode Example
实例： 实例是模仿dhtmlxTree的 在render中主要添加了这一行'<img src="', a.isCheck ? "/images/tc/iconCheckAll.gif" : "/images/tc/iconUnCheckAll.gif",'" class="x-tree-ec-icon">', 再获取这个节点 this.ckNode = cs[2]; 在initEve...原创 2009-02-18 14:50:13 · 138 阅读 · 0 评论 -
Ext 验证
Ext.apply(Ext.form.VTypes,{ password: function(val, field) { if (field.initialPassField) { var pwd = Ext.getCmp(field.initialPassField); return (val == pwd.getValue()); } ...原创 2009-02-18 14:36:37 · 146 阅读 · 0 评论 -
Ext详解
1、Ext.apply(Object obj, Object config, Object defaults ) : Object将config中的所有属性复制到obj中，如果配置了defaults，则先将defaults中的属性传入obj，然后再将config中属性传入，一般defaults用于定义一些默认值。注意：每个参数都必须是对象object，而不能是function或其他。创建objec...原创 2009-02-18 14:35:49 · 607 阅读 · 0 评论 -
Ext常用问题的总结
scripts/ext/resources/css/ext-all.css//EXT通用CSS，包含所有的样式（必须）scripts/ext/resources/css/icon.css//自定义存放菜单项或其他页面图标scripts/utils/HiTRUST-CMS.css//老版本支付系统的CSSscripts/ext/ext-base.js//框架基础库（必须）scripts/ext/ex...原创 2009-02-18 14:34:19 · 896 阅读 · 0 评论 -
EXTJS小系统
接到任务，要写一个项目协作系统，任务不急，嘿嘿，用extjs试试看 这个系统是部门间用来扯皮用的，md又被当枪头了 自学了1个礼拜，就开始操刀了,代码很简单，模块化,希望对学习extjs的朋友有帮助，也帮俺的blog增加点人气(这样说话，不会扣分吧 ) 嘿嘿 。 献上源码，供大家参考 json格式化很方便，把取出来的数据，传给json格式化的类，就可以了。 这个类是处理sql语句，...原创 2009-02-18 10:35:02 · 161 阅读 · 0 评论 -
ExtJS学习之menu
Ext.onReady(function(){ Ext.QuickTips.init(); var dateMenu = new Ext.menu.DateMenu({ handler : function(dp, date){ Ext.example.msg('Date Selected', 'You chose {0}.', date.fo...原创 2009-02-18 09:59:44 · 168 阅读 · 0 评论 -
DynamicPageBar
用extjs,一个很重要的原因是因为他的grid真的很好，很强大，要使用它的grid，不可避免会用到PagingToolbar这个widget，不过使用后发现，这个paging的工具栏有几个缺点： 1.通过键盘快捷键翻页，方式与我们习惯不太一样，看看PagingToolbar源代码： Java代码 onPagingKeydown : function(e){ var k ...原创 2009-02-18 09:35:49 · 129 阅读 · 0 评论 -
form-grid 添删改
Ext本身就带有比较专业和酷的示例，这也是Ext明显强过其他js框架的地方，所以大家最好少看那些简单翻译一下就发表的示例，实在是浪费时间。关于一 些高级的用法，最佳方式就是看源码和其他比较好的扩展控件写法，当然园子里有几篇原创的Ext入门文章，看看也是有好处的。 为了运行下面的例子，请下载ext2.0,实际上我的例子也是从form-grid等例子修改而来的。 会员分组统计界面如下： ...原创 2009-02-12 18:45:14 · 151 阅读 · 0 评论 -
extjs验证手机或电话
Ext.apply( Ext.form.VTypes, { phonecheck : function(val, field) { var str=val; var reg=/(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{7,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}13[0-9]{...原创 2009-02-12 18:39:17 · 325 阅读 · 0 评论 -
ext实现标签式浏览内容
Ext.onReady(function(){ Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); var northCpt = new Ext.BoxComponent({ region: 'north', id: 'north-panel', el: 'nor...原创 2009-03-03 10:31:30 · 166 阅读 · 0 评论 -
ext异步树加入子节点事件
extext异步树加入子节点事件----------------------------------------------------------------------------------------------public class SysMenuAction extends BaseAction { private static final Log log = LogFacto...原创 2009-03-03 10:30:02 · 124 阅读 · 0 评论 -
实现Ext combox 动态数据加载
核心代码如下：（注意名称的对应！） 服务器生成的json数据形如： [{"ACTIONNAME":"http_get","ACTIONVALUE":"3"},{"ACTIONNAME":"http_post","ACTIONVALUE":"4"}] var actionStore = new Ext.data.Store({ //定义store数原创 2009-03-02 20:37:53 · 743 阅读 · 0 评论 -
解决TreeNode.reload()失效的办法
Ext Api文档里面 TreeNode.reload()是没有的，但实际存在.... 但若直接使用node.reload()则会不生效，这里可能是个bug 若想要实现reload()功能，需要这样: node.attributes.children = false; node.reload();...原创 2009-03-02 20:36:32 · 398 阅读 · 0 评论 -
Ext2.0的通用grid包括（增、删、改、查、导出excel）
下面为扩张grid的 代码/** * @auther huangfeng * @class Ext.ux.GridExtend * 通用的grid */ Ext.ux.GridExtend=function(config){ Ext.QuickTips.init(); this....原创 2009-03-02 20:32:34 · 143 阅读 · 0 评论 -
ext构造自己的组件
/*** @title:新闻中心模块* @author:余晓天* @date:2009/2/13*//**初始化FormPanel***************************************************************************************************/NewsFormPanel=Ext.extend(Ex...原创 2009-03-02 20:16:40 · 170 阅读 · 0 评论 -
Ext.Window
var winUpload = new Ext.Window({title: '资源上传',width: 340, height:190, minWidth: 300, minHeight: 100, layout: 'fit', closeAction : 'hide',plain:true,//透明的背景bodyStyle:'padding:5px;', buttonAlign:'center...原创 2009-02-28 17:19:58 · 300 阅读 · 0 评论 -
ExtJs中的树分析及实现
<网上抄录> 首先我们来看日志分类树,这一部分我将重点给大家分析ExtJS中的树,以及本示例中树的详细实现,包括如何与服务器进行数据交互,如果响应处理树及节点上的各个事件等. 树的显示: 首先,我们来看看日志管理菜单中包含异步树的代码,如下所示: var categoryNode=new Ext.tree.AsyncTreeNode({ id:'root', text:'日志内容管理'...原创 2009-02-27 18:12:31 · 129 阅读 · 0 评论 -
扩展EXTJS框架的内容检查
Ext.apply(Ext.form.VTypes, { //固定电话、传真 phone: function(v){ var r = /^((\(\d{2,3}\))|(\d{3}原创 2009-02-27 10:36:25 · 104 阅读 · 0 评论 -
刚写的B/S高级查询界面（基于ExtJs框架）
这几天赶着做一个B/S系统，基于ExtJs框架，从中学了不少东西，今天写的高级查询界面感觉比较有意义，很多人应该也用得着，特拿出来共享一下。当然没正式完工，余下与服务器交互、Lookup列表、取生成查询条件一部分没有完成，做得有点腻了，先放出来，曾经做过的不妨交流一下。 界面： 代码： <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra...原创 2009-02-26 10:16:08 · 120 阅读 · 0 评论 -
EXT中也有支持快捷键
EXT中也有支持快捷键，比如回车，ESC等，你可以通过按钮绑定，也可以直接运用在某个组件上，比如Ext.window你可以触发ESC键关闭，这些键都存在对象Ext.EventObject中，对应的键如下： BACKSPACE : Number CONTROL : Number DELETE : Number DOWN : Number ...原创 2009-02-26 10:00:29 · 319 阅读 · 0 评论 -
ext表单之高级选项
ext表单之高级选项----------------------------------------------------------------------------------------{ xtype:'fieldset', checkboxToggle:true, title: 'User Information', ...原创 2009-03-03 10:36:41 · 114 阅读 · 0 评论 -
ext动态新增一行
ext 动态 新增行 新增一行(1)-------------------------------------------------------------------------------------------var additional_AddOrgFrame = function(map){ //自定义参数 var id = 0; //编码方式 Ext.lib....原创 2009-03-03 10:37:51 · 334 阅读 · 0 评论