随笔分类 - extjs
摘要：上一篇文章我们看到了hibernate的作用，但是我们并没有贴出具体的数据访问层的代码，这是因为我们既然要使用这么多框架，当然就希望它们能够“黏合”的很好，譬如，我们不想使用代码处理事务，也就是说想使用声明式事务。这当然就是Spring大显身手的地方了。我们来看一看数据访问层的代码，还是面向接口编程： 1.下面是一个接口，它告诉外界可以做哪些事情，譬如按条件分页查询房屋信息...
阅读全文
摘要：我们这次实战的项目是一个房屋出租系统，重点是房屋信息的管理。主要功能包括用户的登陆，房屋信息的发布，编辑，删除，复杂查询以及数据的分页显示和排序等。为了便于大家下载测试，我们这里就使用SQLServer 2000数据库。好咧，马上就要开工了。先来做好准备工作：（1） 工具MyEclipse6.5+ExtJS插件：下载地址：http://www.agpad.com/downloads/spket-1...
阅读全文
摘要：一个简单的图片上传和现实在页面上的Demo，前台用的是extjs2.2，后台用的是JDBC+servlet，数据库用的是Oracle，放图片的字段类型是BLOB，存入到数据库中的是以二进制的形式存在。这是上传的界面效果，我是通过点击页面上面的一个Button来弹出这个上传的windowsupdatefile = function() {var form = new Ext.form.FormPan...
阅读全文
摘要：Extjs里文件上传需要扩展的组件，自己在做extjs例子，没有什么好的方法，网上找的也有很多不同的方法，我用的是Ext.ux.UploadDialog。在文件里引用xml 代码<scripttype="text/javascript"src="lib/extjs.ux/Ext.ux.UploadDialog.js"></script><scripttype="tex...
阅读全文
摘要：OK，前面我们已经学过了GridPanel，TabPanel，TreePanel这三种重要的面板，今天我们再下一城，拿下FormPanel这个面板。提到表单Form,那是做WEB开发的无人不晓了。那么，在ExtJS中,对应表单Form的封装组件就是FormPanel，它的重要性就不言而喻了。为了详细说明FormPanel中的各项属性和各种字段类型，我找了一个综合点的例子，这个例子来源于网络，被人转...
阅读全文
摘要：今天开始的几篇帖子都是关于Ext布局的。伴随这一系列开始，我打算以制作一个MSN式的界面展开内容，也就是一个通讯器，通讯器它有展现联系人、联系人状态的地方，还有展现回话的区域。我们的目标不是实现一个消息传递系统，只是介绍其用户界面的构建过程，并有一些教学为目的的代码完成全文。首先介绍通讯器的“联系人”区域部分，以Ext.Window作为容器。位于Window之中我会放置若干...
阅读全文
摘要：之前项目有个模块要求用树形解决，附带要实现checkbox,增删修改以及copy/cut/paste等等功能；因为之前写的人用了xloadTree，其他功能都实现了，但是客户要求要有cookie功能，实现不了麻烦啊～正巧现在在学习用Ext,发现Ext的tree本身就很强大基本的功能都可以实现。Code highlighting produced by Actipro CodeHighlighter...
阅读全文
摘要：jquery动画函数animate是不支持背景移动动画的，即无法对backgroundPosition进行处理，需要使用一个插件，这个插件名为jquery.backgroundPosition，接下来将使用这个插件，制作一个背景变化的菜单。制作过程1、创建如下html菜单结构<ul> <li><ahref="http://www.36ria.com/">首页&l...
阅读全文
摘要：最近用asp.net结合Extjs开发一个新闻发布功能的模块，发现Extjs的grid无法显示带Html标记的新闻内容，百思不得其解，在FF和IE下没有任何错误，而且，FF调试下，新闻内容数据已经取出来了，而且json格式也是正确的，但就是不显示。很奇怪！最终经过反复研究，发现一个细节，我们从网页直接拷贝新闻，然后粘贴到Extjs的htmleditor里，发布，会含有很多的\r \n 标记，只要却...
阅读全文
摘要：用extjs做首页，布局是最难的，我参考网上发挥的，看看吧。呵呵 这个只是首页的中间部分，东、西、南、北都还有东西的，只是没有截图下来。（其中三个板块样式应该是一样的，这里为了显示多样化。所以用了三种样式的，大家可以根据需要更改）我改了两天才改成上面的效果，呵呵呵，谁叫自己菜的很呢。代码如下：var welcomePanel = new Ext.Panel({ title: '最 新 公 告', ...
阅读全文
摘要：效果图片：树菜单的建立，这里将动态树的产生：声明：homeTreevar homeTree = new Neo.index.HomeTree({ collapsible : true, split : true, margins : '5 0 5 5', cmargins : '5 5 5 5' });其中这个Neo.index.HomeTree是一个js文件，如下HomeTree.js:Ext....
阅读全文
摘要：截图：参照StarHtmleditor的源代码，自己又添加了文件上传功能。源代码如下：Szj_StarHtmleditor.js文件源码：[code]var HTMLEditor = Ext.extend(Ext.form.HtmlEditor, {addImage : function() { var editor = this; var imgform = new Ext.FormPanel(...
阅读全文
摘要：去年对Extjs的富文本框编辑器htmleditor做过扩展，扩展成图片上传和文件上传功能，感觉功能还是不够，原文如下：http://hi.baidu.com/jackvoilet/blog/item/2ba6b19b7a9c05bcc8eaf427.html最近在做项目的时候感觉还是不完美，于是在此基础上又进行了扩展，目前CJ_StarHtmlEditor支持：图片上传 文件上传 插入flash...
阅读全文
摘要：Sebagai lanjutan dari tutorial Extjs sebelumnya, sekarang saya mencoba untuk menulis untuk tutorial selanjutnya yakni bagaimana membuat Drag and Drop Grid dengan Extjs. Pastikan anda sudah memiliki / ...
阅读全文
摘要：1.我使用Ext要要导出Grid里的数据到Excel,可以导出多页,而不仅仅是Grid里的浏览的一页. 刚开始的时候,我使用window.open的方式打开下载的文件,可是在ie6,ie7下根本就不能下载文件(这个时候我想,使用extjs真tm麻烦,后台都产生好excel文件了,怎么前台一个下载功能还这么烦,一般使用jsp页面设置一个文件的url链接就可以点击下载了,但是做的系统已经使用extjs...
阅读全文
摘要：最近开发一个项目使用了Ext2 Grid的GroupingView功能，本来认为非常好用，但是发现了一个问题：在设置了autoHeight的情况下连横向滚动条都不会显示出来了。大概看了看GridView的源代码，发现在里面有这么一段程序：就是因为这个’visible’，结果让滚动条都去见鬼了～为了fix这个问题，使用了一个非常ugly的方法，就是先让Grid自动调整高度（就...
阅读全文
摘要：可编辑表格是指可以直接在表格的单元格对表格的数据进行编辑，ExtJS中的可编辑表格由类Ext.grid.EditorGridPanel表 示，xtype为editorgrid。使用EditorGridPanel与使用普通的GridPanel方式一样，区别只是在定义列信息的时候，可以 指定某一列使用的编辑即可，下面来看一个简单的示例。 上面的程序首先定义了一个包含学生信息的对象数组，然后创建了一个J...
阅读全文
摘要：最近在做项目的时候遇到这一个问题，找到这样的例子。经过测试，上面这样的radio横向布局是可以做到的，关键是采用table的layout及radio行的isFormField设置为true，设置isFormField这点尤其重要，因为panel默认不是属于FormField的，因此即使设置了fieldLabel属性也不不会显示label。生成此window的js如下：view plaincopy ...
阅读全文
摘要：这几天赶着做一个B/S系统，基于ExtJs框架，从中学了不少东西，今天写的高级查询界面感觉比较有意义，很多人应该也用得着，特拿出来共享一下。当然没正式完工，余下与服务器交互、Lookup列表、取生成查询条件一部分没有完成，做得有点腻了，先放出来，曾经做过的不妨交流一下。界面：代码：<DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""...
阅读全文
摘要：Extjs中Tree所需要的数据结构：Tree所需要的是一个二维数组，是一个节点的信息数组。每个节点的信息又是一个数组，其构成如下('id'=> '',//节点的编号'text'=> '',//节点的显示名称'leaf'=> true,//节点是否叶子节点'cls'=> '' //节点显示的图标Css名称)
阅读全文