![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Extjs
文章平均质量分 68
chenxueyong7345
这个作者很懒,什么都没留下…
展开
-
Extjs学习笔记(-):ComboBox联动
看到Extjs Example那些美轮美奂的界面,我也不禁心动了,也加入到学习Extjs的行列中来了,到园子里找了些朋友们的相关文档,囫囵吞枣的大都看了一遍,好像都还能理解,不过,经验告诉我,能看懂与能自己写,那根本就是两回事,况且这次还是大部分的手写javascript代码呀,所以还是不能光说不练,现在就动手:我准备用ExtJS实现两个comeboBox(DropDownList)联动的效果...原创 2009-02-20 16:29:20 · 229 阅读 · 0 评论 -
ext的学习笔记3-layout(二)
更高级的布局管理 layout = new Ext.BorderLayout(document.body, { &am原创 2009-02-17 17:17:21 · 119 阅读 · 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 · 122 阅读 · 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 · 89 阅读 · 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 · 976 阅读 · 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 · 127 阅读 · 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 · 89 阅读 · 0 评论 -
JS 图表工具可以结合extjs实现
OpenFlashChart简介by valensoft 2009-1-10 8:29:00OpenFlashChart是一款开源的以Flash和Javascript为技术基础的免费图表,用它能创建一些很有效果的报表分析图表。 最重要的是它是开源和免费的,由于平时我使用的是.NET的开发技术,所以就以.NET技术为研究对象,当然它可以支持多种语言。 如何工作?使用...原创 2009-02-12 18:50:56 · 107 阅读 · 0 评论 -
正则验证表达 extjs中的form
{ fieldLabel : "租户电话", name : "phone", regex : /^((\(\d{3}\))|(\d{3}\-))?(\...原创 2009-02-12 18:48:57 · 118 阅读 · 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 · 125 阅读 · 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 · 121 阅读 · 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 · 122 阅读 · 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 · 118 阅读 · 0 评论 -
EXTJS treecombox
今天写了一个后台的菜单管理页面,新增或修改树节点时,需要选择已经存在的节点作为父节点,于是想让一个combox作为载体显示一个树的widget,EXTJS并没有提供该控件,于是逛了逛一些论坛和网站,发现vifir的博客系统使用到了此控件,不过并没有提供源代码参考,没办法,自己写一个吧... 以下代码是扩展于combox的 DynamicTreeCombox,代码如下: Java代码 E...原创 2009-02-18 09:32:24 · 239 阅读 · 0 评论 -
Extjs学习笔记(-):ComboBox联动(下)
说是下篇,其实也无所谓上下了,只是我在上一篇关于实现ComboBox联动的文章中提出的问题,虽然也在Google和园子里泡了很久,苦于E文太菜,没能在Extjs官方论坛中寻求得到帮助,幸好皇天不负有心人,通过这么多天的努力,也总算吧问题给解决了,其实也不知道是不是实现我这个问题的最佳方法了,只算是能够实现吧,所以,我也就算抛砖引玉吧,希望各位大虾能多多指教.问题的提出,请参看我的上篇...原创 2009-02-20 16:26:16 · 122 阅读 · 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 · 109 阅读 · 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 · 106 阅读 · 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 · 141 阅读 · 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 · 111 阅读 · 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 · 125 阅读 · 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 · 529 阅读 · 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 · 858 阅读 · 0 评论 -
EXTJS小系统
接到任务,要写一个项目协作系统,任务不急,嘿嘿,用extjs试试看 这个系统是部门间用来扯皮用的,md又被当枪头了 自学了1个礼拜,就开始操刀了,代码很简单,模块化,希望对学习extjs的朋友有帮助,也帮俺的blog增加点人气(这样说话,不会扣分吧 ) 嘿嘿 。献上源码,供大家参考 json格式化很方便,把取出来的数据,传给json格式化的类,就可以了。 这个类是处理sql语句,...原创 2009-02-18 10:35:02 · 130 阅读 · 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 · 149 阅读 · 0 评论 -
DynamicPageBar
用extjs,一个很重要的原因是因为他的grid真的很好,很强大,要使用它的grid,不可避免会用到PagingToolbar这个widget,不过使用后发现,这个paging的工具栏有几个缺点: 1.通过键盘快捷键翻页,方式与我们习惯不太一样,看看PagingToolbar源代码: Java代码 onPagingKeydown : function(e){ var k ...原创 2009-02-18 09:35:49 · 117 阅读 · 0 评论 -
form-grid 添删改
Ext本身就带有比较专业和酷的示例,这也是Ext明显强过其他js框架的地方,所以大家最好少看那些简单翻译一下就发表的示例,实在是浪费时间。关于一 些高级的用法,最佳方式就是看源码和其他比较好的扩展控件写法,当然园子里有几篇原创的Ext入门文章,看看也是有好处的。 为了运行下面的例子,请下载ext2.0,实际上我的例子也是从form-grid等例子修改而来的。 会员分组统计界面如下: ...原创 2009-02-12 18:45:14 · 134 阅读 · 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 · 286 阅读 · 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 · 143 阅读 · 0 评论 -
ext异步树加入子节点事件
extext异步树加入子节点事件----------------------------------------------------------------------------------------------public class SysMenuAction extends BaseAction { private static final Log log = LogFacto...原创 2009-03-03 10:30:02 · 103 阅读 · 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 · 721 阅读 · 0 评论 -
解决TreeNode.reload()失效的办法
Ext Api文档里面 TreeNode.reload()是没有的,但实际存在.... 但若直接使用node.reload()则会不生效,这里可能是个bug若想要实现reload()功能,需要这样: node.attributes.children = false; node.reload();...原创 2009-03-02 20:36:32 · 357 阅读 · 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 · 118 阅读 · 0 评论 -
ext构造自己的组件
/*** @title:新闻中心模块* @author:余晓天* @date:2009/2/13*//**初始化FormPanel***************************************************************************************************/NewsFormPanel=Ext.extend(Ex...原创 2009-03-02 20:16:40 · 134 阅读 · 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 · 251 阅读 · 0 评论 -
ExtJs中的树分析及实现
<网上抄录>首先我们来看日志分类树,这一部分我将重点给大家分析ExtJS中的树,以及本示例中树的详细实现,包括如何与服务器进行数据交互,如果响应处理树及节点上的各个事件等.树的显示:首先,我们来看看日志管理菜单中包含异步树的代码,如下所示:var categoryNode=new Ext.tree.AsyncTreeNode({id:'root',text:'日志内容管理'...原创 2009-02-27 18:12:31 · 107 阅读 · 0 评论 -
扩展EXTJS框架的内容检查
Ext.apply(Ext.form.VTypes, { //固定电话、传真 phone: function(v){ var r = /^((\(\d{2,3}\))|(\d{3}原创 2009-02-27 10:36:25 · 87 阅读 · 0 评论 -
刚写的B/S高级查询界面(基于ExtJs框架)
这几天赶着做一个B/S系统,基于ExtJs框架,从中学了不少东西,今天写的高级查询界面感觉比较有意义,很多人应该也用得着,特拿出来共享一下。当然没正式完工,余下与服务器交互、Lookup列表、取生成查询条件一部分没有完成,做得有点腻了,先放出来,曾经做过的不妨交流一下。 界面: 代码: <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra...原创 2009-02-26 10:16:08 · 91 阅读 · 0 评论 -
EXT中也有支持快捷键
EXT中也有支持快捷键,比如回车,ESC等,你可以通过按钮绑定,也可以直接运用在某个组件上,比如Ext.window你可以触发ESC键关闭,这些键都存在对象Ext.EventObject中,对应的键如下:BACKSPACE : Number CONTROL : Number DELETE : Number DOWN : Number ...原创 2009-02-26 10:00:29 · 224 阅读 · 0 评论 -
ext表单之高级选项
ext表单之高级选项----------------------------------------------------------------------------------------{ xtype:'fieldset', checkboxToggle:true, title: 'User Information', ...原创 2009-03-03 10:36:41 · 94 阅读 · 0 评论 -
ext动态新增一行
ext 动态 新增行 新增一行(1)-------------------------------------------------------------------------------------------var additional_AddOrgFrame = function(map){ //自定义参数 var id = 0; //编码方式 Ext.lib....原创 2009-03-03 10:37:51 · 299 阅读 · 0 评论