
EXTJS
萧逸2005
10年工作,开发、管理、产品、运营均有所涉及。互联网医疗领域创业合伙人。
展开
-
Exitjs tree动态连接数据库加载Node
经过几天的努力,终于搞定了,动态连接数据库加载tree莱单中Node,这个也在网上查了不少资料,可惜啊,基本上都是转载一人之手。看上去很麻烦。咋一看就头晕,功夫不负有心人,我终于找到一个算是简单的方法,但是,还是不好用,还得靠自己啊,最后我把它们的代码综合参考一下,整理之后还算可以,虽然有点乱慢慢看。 数据库表设计 DROP TABLE treenode; CREATE TABLE treenod转载 2009-09-01 22:41:00 · 850 阅读 · 0 评论 -
Extjs Tree + JSON + Struts2 的所有示例源代码和war文件下载
在我的随笔Extjs Tree + JSON + Struts2中我介绍了如何异步加载一个Extjs的树,但是很多网友留言说不能成功操作。现在我自己做了一个所有源代码的包,供大家下载。有几点事项请大家注意1、blogjava的文件上载要求单个文件不能超过4M,所以,我把web-inf目录下的所有jar文件删除了。所有jar文件的列表是:commons-beanutils-1.7.0.jarcomm转载 2009-09-05 01:12:00 · 1281 阅读 · 1 评论 -
ExtJS学习笔记(五) window与panel篇
<br />extjs的语法很像java,对于这些组件的使用基本都是面向对象的。今天这部分内容,和swing 非常相似。<br />现亮一个window给大家看看:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br /><html><br /> <head><br /> <meta http-equiv="Content-Type" content="t转载 2009-09-06 01:17:00 · 785 阅读 · 0 评论 -
解决Ext.Window放大关闭后滚动条消失和滚动页面时最大化Window位置的方法
应用场景:一个表格列表,点击表格上的某一行,弹出一个Ext.Window显示其他资料。(修改、显示详情等等),如下图:很多情况下我们只是使用Ext的某一些功能,如Ext.Window.在你的页面长度没有越过一页,即没有滚动条的时候,使用Ext.Window是不会有任何问题的。但当你的页面长度超过一页,有滚动条时,使用Ext.Window会出现以下两个问题:你可以试用一下: http://ext转载 2009-09-06 01:36:00 · 2086 阅读 · 0 评论 -
ExtJS学习笔记(七) 使用树控件TreeNode
在ExtJS中,不管是叶子节点还是非叶子节点,都统一用TreeNode表表示树的节点。在ExtJS中,有两种类型的树节点。一种节点是普通的简单树节点,由Ext.tree.TreeNode定义,另外一种是需要异步加载子节点信息的树节点,该类由Ext.tree.AsyncTreeNode定义。 看下面的代码: Ext.onReady(function(){ var tree=new Ext.转载 2009-09-06 01:43:00 · 2352 阅读 · 0 评论 -
ExtJS Tree利用json(直接传List TreeNode,不需要转化为JSONArray或通过JSP传)在Struts 2实现Ajax动态加载树结点
ExtJS Tree利用json(直接传List TreeNode,不需要转化为JSONArray或通过JSP传)在Struts 2实现Ajax动态加载树结点 请参照:http://blog.youkuaiyun.com/shupili141005/archive/2009/08/16/4450786.aspx转载 2009-09-10 23:11:00 · 1237 阅读 · 0 评论 -
用ExtJS 实现动态载入树(Load tree)(转载)
用ExtJS 实现动态载入树(Load tree) 1、 数据库背景:这里有一个组织机构表,结构如下: Oracle DDL脚本: create table ORGANIZATION( ORGID NUMBER(10) not null, PARENTID NUMBER(10) not null, ORGNAME VARCHAR2(32) not null, ISAVAILABLE NUMBER(转载 2009-09-10 23:33:00 · 1243 阅读 · 0 评论 -
ext运行问题: 报出【未结束的字符串常量】
今天在学ext时,出现了“sample.js 未结束的字符串常量” 错误。查看页面一直出现“未结束的字符串常量”,后来网上查查,想起可能是js对汉字字符支持不是很好吧,所以,在引入js的时候加上 charset="utf-8" 试试,似乎也不可以,出现同样错误!我就更郁闷了,最后试着把js文件也变成UTF-8格式的!试试果然OK! 提醒大家注意!!嘿嘿~------原创 2009-09-09 09:51:00 · 1287 阅读 · 0 评论 -
EXT gridpanel自适应高度、宽度
//定义在脚本中使用的层id变量var mainName = "";Ext.onReady(function() { var proxy = new Ext.data.HttpProxy({ url : ../StudentDispatchAction.do?method=queryCourse, method : GET });转载 2009-09-10 09:36:00 · 2771 阅读 · 1 评论 -
使用extjs、json开发用到的包,json的结构模式
使用ExtJS2,以JSON(JavaScript Object Notation)TreeLoader 异步读取数据,构造一棵异步加载的树1. 下载ExtJS2,地址:http://www.extjs.com/ 下载Ext JS 2.1 SDK:ext-2.2.zip。 examples文件夹下全部是ExtJS例子演示程序。 ExtJS2转载 2009-09-11 10:02:00 · 1911 阅读 · 0 评论 -
ExtJS学习笔记(七) render方法
1.只有配置了applyTo或renderTo属性才会在构建组件时立刻进行render方法的调用;2.如果是applyTo属性,则会对component的容器进行渲染;renderTo则是对component进行渲染;现在,让我们看一下render方法的实现:render : function(container, position){//如果还没有被渲染 并且beforerend转载 2009-09-11 10:49:00 · 9956 阅读 · 1 评论 -
ExtJs学习笔记(一) 开发配置
配置路径: //中文映射 "stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" /> "text/javascript" src="extjs/adapter/ext/ext-base.js"> "text/javascri原创 2009-09-04 13:20:00 · 885 阅读 · 0 评论 -
ExtJS学习笔记(六) 面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
声明:本文案例讲解摘自资料,部分资料收集自他人博客。 通过此文能学习到如下内容 1.创建一个简单的面板 Ext.Panel 2.制作一个可以拖动的面板 Ext.Panel 3 .使用选项卡面板 3.使用Ext.Viewport搭一个简单布局(用一个小例子来总结本文所有内容) 面板是ExtJs控件的基础,很多控件都是在面板的基础上扩展的,转载 2009-09-05 00:28:00 · 1630 阅读 · 0 评论 -
Ext.state.Manager.setProvider()用法
Ext.state.Manager.setProvider(new Ext.state.CookieProvider())初始化Ext状态管理器,在Cookie中记录用户的操作状态,如果不启用,象刷新时就不会保存当前的状态,而是重新加载 象如果窗口中有用可拖动面板的话,你在拖动后如果启动了Ext.state.Manager.setProvider(new Ext.state.CookieProvi原创 2009-09-04 23:57:00 · 2443 阅读 · 2 评论 -
extjs异步加载树的子节点
Ext.onReady(function(){ var root=new Ext.tree.AsyncTreeNode({ id:0, text:所有分类 }); var data=new Ext.tree.TreeLoad转载 2009-09-01 22:51:00 · 1712 阅读 · 0 评论 -
extjs可拖拽的tree实际应用
//节点可以编辑的树 Ext.namespace(demo); demo = function(){ this.init();//初始化函数 }; Ext.extend(demo,Ext.util.Observable,{ init:function(){转载 2009-09-01 22:47:00 · 3203 阅读 · 2 评论 -
ExtJs2.0学习系列(12)--Ext.TreePanel之第一式
今天开始,我们就开始一起学习TreePanel了,道个歉,上篇的代码很乱阿.我总是喜欢用最简单的例子开始,去理解最基本的使用方法,减少对i后面高级使用的干扰!TreePanel是继承自Panel,所以很多在Panel中谈到的属性这里可能会一笔带过,如有问题,请参考ExtJs2.0学习系列(2)--Ext.Panel 1.第一个静态树--最简单的树效果图:转载 2009-09-04 17:33:00 · 757 阅读 · 0 评论 -
ExtJS学习笔记(三) TreePanel(1)
这次我们来学习下ExtJS中的树面板(TreePanel),很多人都说,只是为了树,都要好好学习ExtJS!可见大家对Tree的一往情深。从另一方面来说,Tree这种结构在实际项目中也的确用得相当广泛,所以我们很有必要研究一下它。这次我们完成的树大致上有这样的功能:它的节点是动态异步从后台(存储在数据库中一张电子产品分类表)加载的,节点之间可以拖曳,节点可以编辑,同时还支持右键菜单,而且,原创 2009-09-04 17:57:00 · 1690 阅读 · 0 评论 -
ExtJS学习笔记(四)使用树控件TreeNode ,TreeLoader
在ExtJS中,不管是叶子节点还是非叶子节点,都统一用TreeNode表表示树的节点。在ExtJS中,有两种类型的树节点。一种节点是普通的简单树节点,由Ext.tree.TreeNode定义,另外一种是需要异步加载子节点信息的树节点,该类由Ext.tree.AsyncTreeNode定义。 看下面的代码: Ext.onReady(function(){ var tre原创 2009-09-04 18:16:00 · 7273 阅读 · 0 评论 -
ExtJS 开发总结
1. ExtJS的定位是RIA,和Prototype、jQuery等类库的定位不同。使用ExtJS做开发,就是意味着以客户端开发为主,不然就不叫RIA框架了,而Prototype、jQuery等只是辅助性的客户端框架,和ExtJS不在同一条起跑先上。如果一定要和其它的框架做比较的话,应该和Isomorphic SmartClient、Backbase Enterprise Ajax之类的框架做比较转载 2009-09-04 21:01:00 · 738 阅读 · 0 评论 -
Ext.TabPanel和contentEl组合使用时.关闭一个tab然后再次打开报错的问题~~
目前我有一个TabPanel.假设当前有两个Tab好了.tabA和tabB. var tabA = new Ext.Panel({ contentEl:divA});var tabB = new Ext.Panel({ contentEl:divB});var tabPanel = new Ext.TabPabel({ deferredRe转载 2009-09-05 00:17:00 · 3622 阅读 · 0 评论 -
Ext智能提示 - Spket(Eclipse插件)
Eclipse的Ext 2.0.2智能提示.它提供了非常准确的Ext API提示。如图: 下载地址:http://www.agpad.com/downloads/spket-1.6.12.zip引用方法:(方法來自會員:kittig)1、将下载回来的文件解压,并将eclipse文件夹下面的两个文件夹复制你的eclipse目录下。2、Window → Pre原创 2009-09-04 13:55:00 · 776 阅读 · 0 评论 -
ExtJS学习笔记(三) TreePanel(2)
今天介绍extjs中的Panel组件。//html代码 //js代码var p = new Ext.Panel({ title: My Panel,//标题 collapsible:true,//右上角上的那个收缩按钮,设为false则不显示 renderTo: container,//这个panel显示在html中id为container的原创 2009-09-04 23:07:00 · 2258 阅读 · 1 评论 -
ExtJS学习笔记(三) TreePanel(3)
extjs中的Panel组件自己试过的比较全的属性定义! /* * Ext JS Library 2.2.1 * Copyright(c) 2006-2009, Ext JS, LLC. * licensing@extjs.com * * http://extjs.com/license */Ext.onReady(function(){原创 2009-09-04 23:37:00 · 1143 阅读 · 0 评论 -
eclipse插件——spket安装妹篇(原创)
<br /><br />一、安装Spket<br />第一种方法:网上更新方式<br />1.插件首页:http://www.spket.com<br />2.插件名称:Spket IDE(可随便输入)<br />3.更新连接(Update Site):http://www.spket.com/update/<br />更新安装方法:<br />1.Help—>Software Updates—>Find and Install...<br />2.Search for new features转载 2010-11-05 10:04:00 · 880 阅读 · 0 评论