随笔分类 -  ExtJs

摘要:这篇文章显示树形菜单的方式则不再采用layout:'accordion'布局方式.显示的效果就是一棵完整的树.这种效果适合菜单根级节点较多的情况下,因为如果根节点较多,再使用'accordion'布局就会导致树不能够完整显现,或者即使显示了,页面的高度还是有限的,即使出现滚动条,看起来也还是很不舒服的.具体哪种用法,只能够结合具体的项目需求. 树的显示,Ext将其封装的太简单,仅仅几行代码,效果... 阅读全文
posted @ 2008-11-03 16:14 温景良(Jason) 阅读(1711) 评论(0) 推荐(0) 编辑
摘要:本节描述在制作的树形菜单上如何点击右键,对一个管理系统而言,这样的功能很绚,或者对一个展示系统而言也是非常新颖的做法. 在树形菜单节点上点右键后就能够弹出如下图所显示的效果,在点某个右键的具体的操作则没有提供相应的代码,主要因为按钮的触发事件较为简单. 下面先看看效果图吧 这个示例是在提高篇第七篇的基础上添加了一个触发右键菜单的一个事件.下面仅仅将页面的脚本代码贴出来,后台代码则是和提高篇第七篇... 阅读全文
posted @ 2008-11-03 16:12 温景良(Jason) 阅读(1425) 评论(0) 推荐(0) 编辑
摘要:本节作为制作菜单的第二个主要部分,当然这个功能又比第七篇复杂许多,这里不仅仅要实现左边的树形菜单,而且还要实现顶部的菜单栏,顶部的菜单栏显示的是树的所有的根节点.默认打开页面会显示左面所有的菜单,但是当点击顶部某个根节点时,首先会将左边的菜单全部清除,然后会顶部的菜单所有对应的节点加载到左面的树形菜单里面,当每次点击顶部菜单时,都会对检查左面的菜单是否与之对应,如果不对应,就将其清除,然后加载新的... 阅读全文
posted @ 2008-11-03 16:07 温景良(Jason) 阅读(2573) 评论(0) 推荐(0) 编辑
摘要:制作树形菜单的原理是:首先连接数据库,将数据按照树的结构形式返回,在客户端遍历数据时,将每条记录生成一个treepanel,然后在每个treepanel都包含在一个Panel组件里面,最后在将每个Panel组件都添加到一个上级Panel组件里面,最后在将这个上级Panel添加到Viewport里面.这里用到三个Ext组件,分别是:Viewport ; Panel ; TreePanel. 这里先简... 阅读全文
posted @ 2008-11-03 16:02 温景良(Jason) 阅读(3706) 评论(1) 推荐(0) 编辑
摘要:本示例主要向大家介绍Ext中皮肤的使用,用几个图片向大家介绍Ext的几种皮肤都特别的漂亮,可惜雨和熊掌不可兼得,选择你喜欢的方式,也许通过这种方式能够唤醒你的学习的食欲. 需要特别说明的是,本例的部分代码从 谦虚的天下 的博客里面复制过来 而且他的博客对Ext的介绍也很详细,有兴趣的朋友经常过去看看吧.下面就让图片自己来说说吧. Code Code highlighting pro... 阅读全文
posted @ 2008-11-03 15:57 温景良(Jason) 阅读(999) 评论(1) 推荐(0) 编辑
摘要:先看看布局的效果 借用靓女的靓照就可以让窗体显得更加漂亮了,秘诀! 下面再看看源代码吧. Code Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> //这句是存放图片的地方 阅读全文
posted @ 2008-11-03 15:53 温景良(Jason) 阅读(985) 评论(0) 推荐(0) 编辑
摘要:图片示例 Code Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->//前台显示部分 //后台代码部分 protected void Page_Load(object sender, EventA... 阅读全文
posted @ 2008-11-03 15:51 温景良(Jason) 阅读(1021) 评论(1) 推荐(0) 编辑
摘要:简单介绍: 本示例主要用EXT2.2+vs.2008.net+C#+sql Server 2005实现在GridPanel上单击右键显示菜单,在单击某个菜单项后弹出一个窗口用于处理具体的操作 功能: 1,生成GridPanel 2,在GridPanel上单击右键显示菜单 3,实现分页 环境: 1,EXT2.2版本 2,vs.net2008+C# 3,sql Server 2005 说明:项目所需... 阅读全文
posted @ 2008-11-03 15:48 温景良(Jason) 阅读(2183) 评论(0) 推荐(0) 编辑
摘要:简单介绍: 结合EXT2.2+C#.net+Sql 2005实现将数据导入Excel保存, 并且利用Ext2.2版本最新的功能将数据导出的按钮添加到分页条里面,这个功能在以前需要扩展Ext2.0/2.1版本才能够实现. (动态获取数据和实现分页). 功能: 1,将数据导出的按钮添加到分页条里 2,数据导入Excel2003/2007 3,动态获取数据和实现分页 ----------------... 阅读全文
posted @ 2008-11-03 15:46 温景良(Jason) 阅读(1794) 评论(0) 推荐(0) 编辑
摘要:简单介绍: 本示例主要用EXT2.2+vs.2008.net+C#+sql Server 2005解决GridPanel动态生成数据列,以减免在Html页面里静态配置数据列所带来的麻烦.为了大家更好的更方便的使用本示例,就附加了一个功能:只要添加本地的数据库连接,选择数据库里面的表,就可以对代码进行测试. 功能: 1,动态生成数据列,不用手动在ColumnModel里配置 2,根据输入的数据库... 阅读全文
posted @ 2008-11-03 15:44 温景良(Jason) 阅读(2029) 评论(0) 推荐(0) 编辑
摘要:本章介绍Ext.form.Field组件的基本用法: 阅读全文
posted @ 2008-11-03 15:33 温景良(Jason) 阅读(855) 评论(0) 推荐(0) 编辑
摘要:本章介绍Ext.form.TextField组件的基本用法: 阅读全文
posted @ 2008-11-03 15:32 温景良(Jason) 阅读(3934) 评论(1) 推荐(0) 编辑
摘要:本篇介绍Ext.form.Label组件的基本用法: 这里通过上一篇介绍的button按钮的click事件来测试Ext.form.Label组件的用法,首先点隐藏的时候将Ext.form.Label组件隐藏,而后又通过button 这个反复键来显示Ext.form.Label组件,详细看图片效果以及代码 如图所示,当选择隐藏的时候就出现下图 当选择上图时,就又会出现 下面看看代码: ... 阅读全文
posted @ 2008-11-03 15:30 温景良(Jason) 阅读(3357) 评论(0) 推荐(0) 编辑
摘要:技巧:在VS2008中让Intellisense提供对ExtJS的支持 第一步: 在ext-base.js的第一行添加: window.addEventListener = false; 第二步: 在你编写代码的脚本加上: /// /// 就这么简单,加上之后,保存项目下就可以了. 第二种方法 新建一个.js文件,在代码行的顶部加入以下备注 该文件的地址 /// --... 阅读全文
posted @ 2008-11-03 15:25 温景良(Jason) 阅读(848) 评论(0) 推荐(0) 编辑
摘要:Ext.util.Format类是Ext对数据进行格式化操作的一个类,这篇会把所有的方法都讲解下,因为每个方法都会用到.因为每个方法都和我们用到的服务器端语言中所常用到的方法一样,看了名称就知道什么意思.这里我会把Ext封装起来的源代码复制出来,看了之后就能够更加理解它的方法的意义了. 除此之外还有几个方法,以后有时间会继续说明,不过,很多方法我希望能够自己测试... 阅读全文
posted @ 2008-11-03 15:23 温景良(Jason) 阅读(3660) 评论(2) 推荐(0) 编辑
摘要:在述说这个例子之前,我假想你已经知道什么是Json数据了,那么在这里在温习一下吧: JSON(JavaScript Object Notation) 是一种数据交换格式,采用完全独立于语言的文本格式; JSON建构于两种结构:“名称/值”对的集合和值的有序列表 下面详细说明下: “名称/值”对的集合(A collection of name/value pairs)。不同的语言中,它被理解... 阅读全文
posted @ 2008-11-03 15:16 温景良(Jason) 阅读(7808) 评论(0) 推荐(0) 编辑
摘要:基础篇:第三篇,在开始编写每个Ext的组件用法之前,先对自己在工作中常用的一些Ext方法总结出来.只罗列一些经常用到的,偶尔也会用到的仅仅说明下. 在开始编写每个Ext的组件用法之前,先对自己在工作中常用的一些Ext方法总结出来.只罗列一些经常用到的,偶尔也会用到的仅仅说明下.Ext框架把一些我们平时在工作经常遇到的情况封装成了方法,有兴趣的朋友读读它的源代码,会发现里面封装的语句和我们平时... 阅读全文
posted @ 2008-11-03 15:13 温景良(Jason) 阅读(1265) 评论(0) 推荐(0) 编辑
摘要:基础篇:第二篇,本节主要是介绍如何完成第一个Ext的程序,该示例演示的是:定义一个Ext的按钮组件,点这个按钮后就会弹出一个非常精美的Ext式样的消息框. 精美的消息框截图了 感觉就像写书一样,好难,不过我有玩游戏的精神,难亦易也. 如果你看到了上文,那么我想你手上现在应该有Ext2.2的文件了吧. 这里再说一次,所有的程序除非有说明,则全部是以2008 c#.net为前提,虽... 阅读全文
posted @ 2008-11-03 15:00 温景良(Jason) 阅读(1236) 评论(0) 推荐(0) 编辑
摘要:基础篇:第一篇,本节主要向大家介绍Ext的最基础的话题 朋友问我,Ext怎么学习,我记得自己学的时候纯纯因为它的简单和视觉效果特别好,因为喜欢了才有努力的坚持不懈的激情.有朋友说能否写点简单的示例方便入门,我是觉得自己写的都是很浅陋东西,实在不知道怎么简单了,昨天晚上想了许久,觉得自己还是无比的粗浅,但依然有人说看不懂,我想可能是言语没有说清楚,或者你在等到天上掉馅饼吧.因为,我觉得开始学习... 阅读全文
posted @ 2008-11-03 14:56 温景良(Jason) 阅读(2400) 评论(1) 推荐(2) 编辑