Zux

2012年12月4日

摘要： treeview代码参见前一篇在treeview修改本地化实现后，就要考虑如何去实现自动加载树的代码在ExtJS里是通过继承并扩展TreePanel功能实现的，但是YUI3的widget继承有些问题（见Datatable）还是和Datatable的处理方式一样，为Treeview编写一个专门的plugin插件来解决问题这个plugin做两件事：1、在树创建后创建树的根节点及第一层节点，并定义各节点是否可展开2、在用户操作展开节点时获取下一层节点这样，在前台脚本里，创建树的代码就简洁到了极致首先，module里需要引入本地的treeview模块及插件模块（自己编写的dataquery），然后指定阅读全文

posted @ 2012-12-04 11:04 Zux 阅读(421) 评论(0) 推荐(0) 编辑

YUI3的树实现

摘要：在ExtFrame里，我实现了一颗可以自动加载所有节点的树（编程人员无需再为树编写一大堆代码），这颗树是通过继承Ext.TreePanel实现的但是YUI3的标准版本里，并没有树的相关实现，想做到同样功能有点难了经过查找，YUI3的Gallery里到是有treeview模块实现（版本3.7），花了几天测试，不过后来发现，原来YUI3 Gallery里有两个treeview实现，一个是Treeview（T索引），另一个是YUI Treeview（Y索引），不过我研究的是前一个，后一个咋看起来好像更好看些这个treeview的效果网页上有Demo，代码调用方式是直接使用Gallery模块，但是这种阅读全文

posted @ 2012-12-04 10:43 Zux 阅读(729) 评论(0) 推荐(0) 编辑

2012年11月15日

完整的YUI3 Datatable翻页及查询Plugin样例

摘要：和前一篇比，增加了自动读取数据的插件并完成了翻页插件的完整代码页面现在生成DataTable的代码如下： var table = new Y.DataTable({ columns: Y.TableConfig.Get('user'), scrollable: 'y', height: '200px' }); table.plug(Y.DataTablePlugin.CheckboxPlugin).plug(Y.DataTablePlugin.PageBarPlugin, { info:... 阅读全文

posted @ 2012-11-15 09:42 Zux 阅读(811) 评论(0) 推荐(0) 编辑

2012年11月9日

YUI3下widget的plugin开发

摘要：最近在尝试使用YUI3重建ExtFrame框架，使用YUI3做为更佳的UI和JS支持和ExtJS比，YUI3的UI看起来缺少了足够的UI控件，但是，YUI3的widget开发更灵活（也更难掌握），YUI3的widget操作更多的基于DOM封装的Yui Node而不是象ExtJS一样基于Component，扩展性更灵活在尝试将一些逻辑封装到YUI的DataTable里时遇到了点问题，在ExtJS里，可以直接通过Ext.extend建立Ext.Grid的子件，并向子件里添加属性和方法，这样，可以直接调用生成的子件就可以了，但是YUI3的widget在使用Y.Extend后，UI完全没能被正常渲染出阅读全文

posted @ 2012-11-09 10:20 Zux 阅读(600) 评论(0) 推荐(0) 编辑

2012年7月31日

在YUI3下打印Panel内容

摘要：最近在用YUI3.5制作一个报表网站，遇到个问题，需要打印报表，但是YUI下我是通过model化panel来显示报表内容的，一打印就把整个网页打出来，结果是背景完全是乱的，样式也不正常YUI3的panel也是通过div实现的，于是想是否能通过只打印div内容方式实现在网上搜索了下，打印div本身还是比较容易的，代码是这样的:<script language="javascript">function printdiv(printpage){ var headstr = "<html><head><title>< 阅读全文

posted @ 2012-07-31 13:29 Zux 阅读(301) 评论(0) 推荐(0) 编辑

2012年7月16日

解决IE9和火狐13出现的ExtJS不兼容问题

摘要：同事通知我说ExtFrame框架开发的OA在用户处遇到问题，IE9不支持这个简单，网上搜了下，在head里加上<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE8″ /，模拟成IE8就好了话说我有个项目在IE8下老出问题，我还想要它模拟成IE7来着......接着又跟我说FF13出问题，没法解决，我去从12升成最新的13，果然，Ext.Ajax.Request出问题了这个问题比较新，网上搜了下没搜到解决方案今天同事搜到了，通知了我http://blog.csdn.net/e_wsq/article/details/752137 阅读全文

posted @ 2012-07-16 14:07 Zux 阅读(1515) 评论(0) 推荐(0) 编辑

2012年7月6日

通过动态加载脚本提高ExtJS应用性能

摘要：昨天同事把完成的一个使用ExtFrame框架的OA项目的源代码发给我，跑起来后发现不出意料的，启动时很慢，大约要等30-60秒的样子估摸着有这几个原因：1、启动时需要加载的脚本太多了2、加载时就运行创建的对象太多了3、IE性能不怎么的，内存消耗的有点厉害今天考虑做优化，首先取消运行时就创建的对象，于是把原来的showpanel方法改造一下：function showPanel(panel) { Ext.getCmp('mainpanel').layout.setActiveItem(panel);};原本导航代码是这样配置的： <node id="0501&qu 阅读全文

posted @ 2012-07-06 15:44 Zux 阅读(702) 评论(0) 推荐(0) 编辑

2012年5月22日

ExtFrame里的详细信息页面

摘要： CRUD的最后一部分了详细信息页面可以通过两种方法显示：弹出对话框或直接在主区域显示弹出的话，其实可以采用和编辑页面相同的模式编写，无非就是不能编辑而已（甚至很多传统系统都是直接采用同一个Form编写的）这里介绍的呢，是稍微复杂点的模式，就是详细信息不光包含了数据本身，还会包含一系列的相关信息，例如:销售机会的详细信息页面，不光包含了一条销售信息自身的数据，还包含了很多的相关附加信息，例如，该销售对象的联系人，竞争对手资料，联系记录，拜访记录，进度等等人事档案的详细信息页面，会包含该人在学校学习的历史，在其他单位的工作历史，在公司的奖惩记录，合同鉴定记录，工资变更记录等等ExtFrame里的详阅读全文

posted @ 2012-05-22 10:37 Zux 阅读(494) 评论(0) 推荐(0) 编辑

2012年5月17日

ExtFrame里的查询页面

摘要：查询页面时进入一个模块的主界面查询页面一般由三部分组成：操作栏工具条、查询参数窗口、查询结果列表其实查询功能已基本在Grid封装章描述清楚了，这里就简单些操作栏工具条和新增、修改界面没什么不同，在panel第一次显示时通过CommandButtonBuilder创建就可以了查询参数窗口采用FormPanel构造，这样在GridPanel的read方法里可以直接调用FormPanel.getValues()方法获取参数，也可以不使用查询的GridPanel使用QueryGrid（或其它封装），只需要声明grid的名字就可以自动加载格式和数据以角色的查询页面为例，总计代码如下： 1 var rol 阅读全文

posted @ 2012-05-17 09:35 Zux 阅读(335) 评论(0) 推荐(0) 编辑

2012年5月16日

ExtFrame里的数据删除编程

摘要：这个真的是简单到极点了在Grid的列操作里配置删除功能就可以了角色的删除配置是这样的 <Command label="删除" image="icon-delete" command="rolegrid.doDelete('{id}');" />因为doDelete方法本身会刷新Grid，所以无需再在回调方法里刷新了（但是仍然支持回调方法）角色的IOC的DataHandler对象重载了默认的DataHandler的删除方法，在删除时引发了一个系统事件阅读全文

posted @ 2012-05-16 09:34 Zux 阅读(118) 评论(0) 推荐(0) 编辑

公告