ExtJs
关注
分享
扫一扫
lishushan
这个作者很懒，什么都没留下…
展开
-
extjs在IE报对象不支持此属性或方法
ExtJS在Firefox里面显示正常，但是用IE打开的时候报错：对象不支持此属性或方法 / object doesn't support this property or method 在网上找了一下，This is an issue in IE where the first element of the body can’t be a text ode.body标签内的第一个元素不能...原创 2010-10-06 13:28:54 · 199 阅读 · 0 评论 -
ExtJS 分页数据表
ir - DESC 排序方式 ASC为升序limit - 25 记录数sort- lastpost 排序字段start - 0 开始记录 $data[] = array("threadid" => 26816 ...);$pack = array("totalCount" => count($data),"topics" => $data...原创 2010-01-13 20:58:15 · 115 阅读 · 0 评论 -
Ext Window 拖拽 在IE里出错,在FF里正常!
Ext.onReady(function(){ Ext.MessageBox.alert("hello","hello world");});解决办法：<body> <div></div></body> 就是将那段用div包起来原创 2010-01-13 21:30:53 · 77 阅读 · 0 评论 -
EXT学习之Window
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <title>Window 窗口</title> <link rel="stylesheet" type="text/css原创 2010-01-13 21:31:43 · 96 阅读 · 0 评论 -
Ext window的大小与屏幕匹配
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：do...原创 2010-01-13 21:33:10 · 94 阅读 · 0 评论 -
extjs 经典布局
// 左边功能树var menuTree = new Ext.tree.TreePanel({region : 'west',title : '功能菜单',width : 180,minSize : 150,maxSize : 200,split : true,autoScroll : true,autoHeight : false,collapsible ...原创 2010-01-13 21:34:08 · 83 阅读 · 0 评论 -
Ext.onReady and onLoad
In ExtJs 2.1 before it comes executed onload and then Ext.onReadyIn ExtJs 2.2 before it comes executed Ext.onReady and then onload原创 2010-01-14 11:07:07 · 349 阅读 · 0 评论 -
extjs 集成 fckeditor
效果如下图所示：代码{ xtype : "textarea", name : "content", anchor : '97%', height : 400, id : "content", ...原创 2010-01-14 11:43:04 · 113 阅读 · 0 评论 -
ext中autoLoad页面中js的问题记录
1.增加script属性，如：var n = this.add( { id : node.id, closable : true, //通过autoLoad属性载入目标页,如果要用到脚本,必须加上scripts属性 autoLoad : { url : "info.aspx", ...2010-04-11 12:33:54 · 197 阅读 · 0 评论 -
Ext2.0框架的Grid使用介绍
Ext2.0框架的Grid使用介绍 最近空闲时间在学习Ext2.0框架，只有一个字的感叹“强”，我从未想到JS代码能够写出这么绚丽的Web页面出来，以前看到YUI，惊若天人，如今看到EXT2.0的东西，更是感觉震撼。Ext2.0是一个JS框架，它的Grid控件和其它可以显示数据的控件，能够支持多种数据类型，如二维数组、Json数据和XML数据，甚至包括我们自定义的数据类型。Ext为我们提供...原创 2010-01-13 20:57:37 · 104 阅读 · 0 评论 -
ExtJS-入门（转载自http://www.blogjava.net/puras/archive）
在ExtJS里最常用的,应该就是Ext.onReady这个方法了,而且它也可能是你学习ExtJS所接触的第一个方法,这个方法在当前的DOM加载完毕后自动调用,保证页面内的所有元素都能被Script所引用.可以尝试在这个方法中添加一条语句,看看页面打开后是什么反映: Ext.onReady(function() { alert('hello world!'); }); 上面的代码将在页面加载...原创 2010-01-13 20:55:51 · 84 阅读 · 0 评论 -
Ext.widgets-Button,SplitButton,CycleButton
Ext.Actionaction实现一个脱离了容器的事件,所有它可以在多个容器之间共享,不过好象只有Ext.Toolbar, Ext.Button 和 Ext.menu.Menu支持action接口:),因为容器要实现下面所有的方法setText(string), setIconCls(string), setDisabled(boolean), setVisible(boolean) and...原创 2010-01-10 00:02:20 · 84 阅读 · 0 评论 -
Ext.widgets-form(上)BasicForm/Field/Checkbox/Radio/HtmlEditor/TextField
Ext.form.BasicForm对应一个dom中的form,默认是用ajax提交的,如果的确想回传,可以使用如下方式var myForm = new Ext.form.BasicForm("form-el-id", { onSubmit: Ext.emptyFn, submit: function() { this.getE...原创 2010-01-10 00:03:38 · 91 阅读 · 0 评论 -
Ext.widgets-form(下)ComboBox,TimeField,DateField,TriggerField,TextArea,NumberFie
Ext.form.NumberField继承自Ext.form.TextField,因为Ext.form.TextField虽然强大,但写起来的确还是有点麻烦,后面的类都继承自Ext.form.TextField,没有自定义的方法,属性和事件config定义为{ allowDecimals : Boolean //true allowNegative : Bool...原创 2010-01-10 00:04:52 · 106 阅读 · 0 评论 -
Ext.widgets-toolbar
Ext.Toolbar工具栏,使用起来很简单，add已准备好的元素就行方法Toolbar( Object/Array config )构造add( Mixed arg1, Mixed arg2, Mixed etc. ) : void增加元素可以是 1:Ext.Toolbar.Button 相当于addButton2:HtmlElement...原创 2010-01-10 00:06:09 · 77 阅读 · 0 评论 -
Ext.widgets-toolbar
Ext.menu.Menu菜单对象config{ allowOtherMenus : Boolean //允许同时显示其它的菜单? defaultAlign : String //默认对齐方式:tl-bl? defaults : Object //默认的菜单项配置,将会应用到所有的items items : ...原创 2010-01-10 00:08:52 · 116 阅读 · 0 评论 -
Ext.widgets-Tree
Ext.tree.TreePanel树状控件,继承自panelconfig定义{animate : Boolean,containerScroll : Boolean,ddAppendOnly : String, /*很显然这是api的一个错误,treepanel.js中惟一用到它的地方是this.dropZone = new Ext.tree.TreeD...原创 2010-01-10 00:09:25 · 94 阅读 · 0 评论 -
Ext.widgets-grid(1)
Ext.grid.ColumnModel用于定义Grid的列用例var colModel = new Ext.grid.ColumnModel([ {header: "Ticker", width: 60, sortable: true}, {header: "Company Name", width: 150, sortable: true} ]);...原创 2010-01-10 00:11:45 · 88 阅读 · 0 评论 -
Ext.widgets-grid(2)
Ext.grid.EditorGridPanel可编辑数据表格Config {clicksToEdit : Number //点几次开始编辑,默认为2}方法EditorGridPanel()构造,应为 EditorGridPanel(Object config)startEditing( Number rowIndex, Number colIndex ) ...原创 2010-01-10 00:12:51 · 95 阅读 · 0 评论 -
iframe in a tab panal
http://www.extjs.com/forum/showthread.php?18144-iframe-in-a-tab-panal&highlight=IFrameComponentJack has this solutionCode:Ext.ux.IFrameComponent = Ext.extend(Ext.BoxComponent, { onRe...2010-04-11 13:25:59 · 116 阅读 · 0 评论 -
解决Ext.form.ComboBox提交始终获得displayField的值
Ext.form.ComboBox提交始终获得displayField的值,以前没遇到过,直到我做了一个ComboBox组合Tree时,才出现这个问题,不管我怎么设置,以及修改代码,就是一直提交的是显示的内容,而不是隐藏的那个值.后来,在使用普通的ComboBox时,也出现这个问题,于是认真了一把,终于找到了问题的解决方法,只要在ComboBox对象里设置hiddenName属性(我把hidd...原创 2010-01-20 17:17:13 · 156 阅读 · 0 评论 -
EXT card布局
Ext.onReady(function(){ ////////////////////////////////////////翻页方法start//////////////////////////////////////////////////var changeTab = function changeTab(){ var id = card.getLayout().a...原创 2010-01-25 17:17:43 · 161 阅读 · 0 评论 -
ExtJs 中 xtype 与组件类的对应表
原文地址：http://blog.sina.com.cn/s/blog_514ae3fd0100i36p.html核心提示：我们在使用 ExtJs 创建组件时最容易理解的当然是用 new Ext.form.TextField({fieldLabel:'姓名', id:'name',width:120})；我们还可以直接用 xtype(比如 TextField 对应的 xtype 是 text...2010-04-26 12:25:40 · 123 阅读 · 0 评论 -
Ext.ux.DataDrop.js
http://code.google.com/p/ext-ux-datadrop/source/browse/trunk/?r=8#trunk/src2010-05-03 12:10:41 · 110 阅读 · 0 评论 -
项目中常使用的Ext插件
http://bbs.ajaxjs.com/viewthread.php?tid=2634&extra=page%3D1日程控件：http://ext-scheduler.com/examples/upcoming/upcoming.htmlGrid Treehttp://max-bazhenov.com/dev/ux.maximgb.tg/index.php超级ComboBoxhtt...2010-05-03 12:12:07 · 204 阅读 · 0 评论 -
Ext JS高级插件开发教程
当创建一个跨浏览器的富客户端应用时，我们大多数人首先要考虑的是选择一个组件数量较多的框架。然而，当框架并没有满足我们需要的特定组件或功能的时候，问题就会演变成为，它能否让你灵活地加强和扩展其产品，而且变得非常重要。所幸的是，Ext JS不仅拥有丰富的UI功能，并且在我们活跃的社区中就有很多人创建了令人印象深刻的、适合大多数应用的扩展。但有时，你需要为一些不够用的组件增加额外的功能的情况下，Ex...2010-05-03 12:19:45 · 128 阅读 · 0 评论 -
Ext.form.*使用技巧
设置表单控件为只读：setFieldReadOnly = function(f, bReadOnly) { if (f instanceof Ext.form.ComboBox) { f.setEditable(!bReadOnly); if (bReadOnly) { f.expandOrg = f...2010-05-03 12:20:50 · 113 阅读 · 0 评论 -
国内首个基于Ext开发开源企业级框架，免费下载！！
http://www.17ext.com/showforum-16.aspx Efs 是企业快速开发的UI 层。这个UI 层封装extjs 框架，Ext 提供了好的页面布局方式、功能强大的组件、优质的页面风格，但是如果直接使用Ext又是较为复杂的，不仅要从头学习EXT 框架，而且Ext 是通过js 函数创建页面的，这就不得不为每个页面都编写一个相对应初始化函数，这会使得开发人员...原创 2010-07-02 19:47:31 · 279 阅读 · 0 评论 -
Ext.grid.EditorGridPanel
<HTML> <HEAD> <TITLE>可编辑表格面板EditorGridPanel</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="原创 2010-10-06 11:38:44 · 122 阅读 · 0 评论 -
EXT window中加入照片
Ext.onReady(function(){ var simple = new Ext.Window({ title: '人员新增', bodyStyle:'padding:5px 5px 0', width: 680, height : 380, layout: 'column',...原创 2010-01-25 17:15:53 · 241 阅读 · 0 评论 -
Ext的Card布局示例
//这个代码就有点通用性了 var navHandler = function(direction) { var layout = card.getLayout() var index = card.items.indexOf(layout.activeItem); var count = card...原创 2010-01-25 17:14:32 · 143 阅读 · 0 评论 -
Ext tree的checkbox取值问题
我把TreePanel的id设为"tree_me",让后用下面代码执行： var tree = Ext.getCmp("tree_me"); var nodes = tree.getChecked(); 但有个问题。因为我的父节点选中的话，下面的子节点就会全部选中：代码如下： if(node.hasChildNodes()){ for(i=0;i <node.childNode...原创 2010-01-20 17:22:05 · 133 阅读 · 0 评论 -
程序设置Extjs树中CheckBox的选中和取消选中设置
在Extjs中treepanel中树节点为checkbox类的节时，有时候我们需要用程序来设置他的选中和取消选中状态var nodes=tree.getChecked(); if(nodes && nodes.length){ for(var i=0;i<nodes.length;i++){ //设置UI状态为未选中状态 nodes[i].getUI().toggleCh...原创 2010-01-22 14:11:00 · 731 阅读 · 1 评论 -
ExtJs是通过Ext.ToolTip和Ext.QuickTips两个组件来实现浮动提示功能的
Ext.QuickTipsQuickTips代码示例：只需要加入Ext.QuickTips.init(); 就可以在html页面中使用。html页面 可以通过：<input type="button" value="OK" ext:qtitle="Test" ext:qtip="Test Content!"> 我们可以看到下面的效果：你也可以自定义这些QuickTips的属性：...原创 2010-01-24 23:07:41 · 180 阅读 · 0 评论 -
SSH+Extjs分页小例子
刚学，只做了简单的分页显示，借鉴别人的，网址忘了，呵呵 数据库: news表(id,newsTypeId,newsTitle,newsContent,newsDateTime) newstype表(id,newstypeName)NewsDAO.java//一页显示的新闻public List findPageAll(final int start,final int li...原创 2010-01-25 13:13:42 · 93 阅读 · 0 评论 -
extjs中TabPanel中tab引用页面刷新导致这个页面刷新的问题
Ext.getCmp('maintab').getActiveTab().load({url:'printpage.jsp',scripts:true}); maintab:是tabpanel的id getActiveTab()：获得当前激活的panel 你可以把url换成你从后台传来的url地址 这个问题如果你还在留意的话我可以帮你解决，因为我最近做项目也遇到你这个问题，然后就查找...原创 2010-01-25 13:16:53 · 273 阅读 · 0 评论 -
Ext.TabPanel中autoLoad实现页面内容加载
Ext.TabPanel中autoLoad属性可以实现异步加载一个动态或静态页面，使用一般是没有问题的，但其中有一个值得注意的地方是，如果要显示加载页面中的HTML元素等标签的话，必须在autoLoad后面加上scripts:true这个属性，请看下面代码：var tabs = new Ext.TabPanel({ id:"treeTab", border:false, ...原创 2010-01-25 13:18:13 · 310 阅读 · 0 评论 -
实现Ext.TabPanel中tab内容的更新
Ext.TabPanel中，如果一个tab项使用了autoLoad的话，只当该tab被激活后加载一次。但在实际使用的时候我们可能需要的是当其激活时，显示的是加载页面的最新信息，如新闻等。那么如何实现呢？看下面的例子：var tabs = new Ext.TabPanel({ id:"treeTab", border:false, items:[{ title:"修改密码"...原创 2010-01-25 13:19:05 · 236 阅读 · 0 评论 -
Ext card布局
Ext.layout.CardLayout扩展自Ext.layout.FitLayout布局，对应面板布局（layout）配置项的名称为card。该布局会包含多个子面板，任何时候都只有一个子面板处于显示状态，这种布局类经常用来制作向导和标签页。该布局的重点方式是setActiveItem，因为一次只能显示一个子面板，所以切换子面板的唯一途径就是调用setActiveItem方法，...原创 2010-01-25 17:13:27 · 104 阅读 · 0 评论 -
Ext.data-Tree/Node
Ext.data.Tree继承自Observable,用于存放树装的数据结构方法Tree( [Node root] )以root为根构造Ext.data.Tree对象getNodeById( String id ) : Node由指定id得到节点getRootNode() : Node得到根节点,由属性root得到更方便setRootNode( Node nod...原创 2010-01-10 00:01:12 · 89 阅读 · 0 评论