随笔分类 - Extjs
摘要：上篇文章中http://www.cnblogs.com/qidian10/p/3209439.html我们介绍了如何使用Grid的查询组建，而且将查询的参数传递到了后台。那么我们后台如何介绍参数，并且转换为EntityFramework的条件呢？首先我们获取Ext.ux.grid.feature.Searching的参数，上篇文章中我们很容易发现，查询传递到后台的是fields和query参数，其中fields是参加查询的列数组，query是关键字。首先我们定义个类，接收参数namespace ElegantWM.EntityModel{ public class ExtGridSear...
阅读全文
摘要：背景Extjs4.2 默认提供的Search搜索，功能还是非常强大的，只是对于国内的用户来说，还是不习惯在每列里面单击好几下再筛选，于是相当当初2.2里面的搜索，更加的实用点，于是在4.2里面实现。国际惯例，先上图参考文献https://gist.github.com/aghuddleston/3297619/http://gridsearch.extjs.eu/国外的大牛已经帮我们实现了在4.0中的应用，但是到4.2还需要做少许变更才可以使用。修改后的源代码如下[复制如下代码，放到ux/grid/features/Searching.js]：// JavaScript Document//
阅读全文
摘要：本案例使用了Ext.Tree.Panel的如下知识点：1.刷新、重新加载Tree，定位到上次的节点位置2.Tree的右键操作3.Extjs4.x Tree获取当前选中的节点4.新增、修改、删除Tree节点5.修改tree节点的属性，例如text，iconCls，leaf等6.treedata rest proxy7.treeStore.sync的同步回调方法8.Extjs4.x Tree获取父节点，获取子节点Chirldrens9.Extjs4.x TreePanel的展开，收缩10.Extjs4.x Tree的拖拽操作treeviewdragdrop插件，响应类型有before，after，
阅读全文
摘要：Ext.data.IdGenerator.get('uuid').generate()结果：a9c4efb8-06c9-4c2e-8a70-bb36a69e053e更多介绍：http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.data.UuidGenerator
阅读全文
摘要：跟Extjs3.0不同Extjs4.2的写法如下：idPath = selNode.getPath("id"); tree.getStore().load({ node: tree.getRootNode(), callback: function () { tree.expandPath(idPath, 'id'); } });
阅读全文
摘要：refs:Object[]5Array of configs to build up references to views on page. For example:Ext.define("MyApp.controller.Foo",{ extend:"Ext.app.Controller", refs:[{ref:'list', selector:'grid'}],});这将会产生一个this.getList()方法，该方法会通过Ext.ComponentQuery去页面中获取组件为grid的组件The followi
阅读全文
摘要：Extjs4.x中已经取消了组件Ext.Tree.TreeFilter功能，却掉了树形结构的过滤功能，要实现该功能只能自己写了.Tree节点筛选UI很简单，一个Tbar，一个trigger即可解决问题，剩下的是逻辑代码了。1.tbar没啥好解析的2.trigger几个比较重要的属性 triggerCls：文本框右侧的按钮样式，主要有4种 x-form-clear-trigger // the X iconx-form-search-trigger // the magnifying glass iconx-form-trigger // the down ...
阅读全文
摘要：原文：http://linder0209.iteye.com/blog/10392001、Ext.Component该组件在渲染的时候会默认的创建div DOM，是根据this.autoEl的配置来创建的，默认this.autoEl为 div，创建后保存在 this.el中autoShow 设为true，渲染时会强制显示隐藏的元素，实际上会执行以下代码Js代码if(this.autoShow){//自动显示this.el.removeClass(['x-hidden','x-hide-'+this.hideMode]);} 该参数的设置，比如在多标签中如果想渲染
阅读全文
摘要：背景通过多个部门id获取所有用户，部门和用户是多对多。已知部门id，获取该部门包括该部门下的所有子部门的所有用户。关系如下：public class Entity:IEntity { public Guid Id { get; set; } public string CreateUser { get; set; } public DateTime CreateTime { get; set; } public string ModifyUser { get; set; } public DateTime? Modif...
阅读全文
摘要：Ext.define('WMS.controller.Org', { extend: 'Ext.app.Controller', stores: ['OrgUser', 'OrgTree'], models: ['OrgUser'], views: ['OrgTb', 'OrgTree', 'OrgUserGrid'], refs: [ { ref: 'orgTree', selector: 'orgTree' }, { ref: &#
阅读全文
摘要：http://www.cnblogs.com/qidian10/archive/2013/05/28/3104828.html根据上一篇文章，我们选择iframe的方式进行开发，那么也就必须对以前autoload方式的目录结构进行项目重构，重构的过程中，充分参考Sencha CMD中的所提到的Workspace和mutil-page application架构方式，最终调整后的项目目录结构如下所示：整个项目的js等资源统一放到application（即workspace）文件夹下面，application文件夹可通过sencha cmd生成，下存放如下内容：1.common，通用资源（图片，样
阅读全文
摘要：以前的做法http://www.cnblogs.com/qidian10/archive/2012/11/14/2769149.html后来发现，其实Ext的Controller的getController方法会自动判断js，如果没有会动态加载到application中，有的话直接从缓存取出来，这样就方便多了。 var orgCltr = application.getController('Org'); orgCltr.init(); var main = new Ext.Panel({ border: false, layout: 'borde...
阅读全文
摘要：一般的mis应用，基本上采用左边树布局，右边操作区域的布局方式，Extjs更是经典布局方式。Extjs4.x，有两个方式可以实现右侧的center区域的加载，一种是autoload，一种是iframe方式，最近对这两个方式比较纠结，不知道到底该用那种方式好，晚上做了下详细的比较，我的选择是IFrame，虽然很多人提倡用autoload方式。Autoload和iframe方式的本质区别1.AutoLoad 只需要加载一次ext-all.js、css等核心库文件2.iframe方式需要在每个页面都加载一次，这对于ext这么庞大的库不是件好事，但是传言可以通过请求重定向，让浏览器只从缓存加载核心文件
阅读全文
摘要：1.ModelExt.define('WMS.model.VPTree', { extend: 'Ext.data.Model', fields: [ { name: 'url', type: 'string' }, { name: 'text', type: 'string' }, { name: 'key', type: 'string' } ]});2.Store/// <reference path="http://www.cnblogs.co
阅读全文
摘要：当前下载的最新版本为ext-4.0.7-gpl.zip，解压之后文件目录结构如下图所示：文件目录主要资源说明：builds 压缩后的ExtJS代码,体积更小,更快docs 开发文档examples 官方演示示例locale 多国语言资源文件pkgs ExtJS各部分功能的打包文件resource ExtJS所需要的CSS与图片文件src 未压缩的源代码目录bootstarp.js ExtJS库引导文件,可通过参数自动切换ext-all.js与ext-all-debug.jsext-all.js ExtJS核心库,需要引用ext-all-debug.js ExtJS核心库的调试版,调试时使用注：
阅读全文
摘要：中午的的时候发了第一篇Extjs4.1.x 框架搭建 采用Application动态按需加载MVC各模块，发现实现上还是有问题，有很多理解不到位的地方，晚上详细解决下了，终于实现MVC各模块按需加载了，哈皮。上篇文章中，关于ExtJs这个玩意的评论就跟java和.Net那个好一样，既然上了贼船，就难下了，而且对于企业级的应用我个人觉得Extjs框架还是不错的，尤其是没有UI设计的团队（苦逼的程序员就兼UI吧），起码难得发现一个做的比较好的UI框架（国产的miniUI貌似看的过去，其他的就有点扯淡了[什么EasyUI、Dojo、JqueryUI等等]），2年前选择了Extjs2.0之后收费了，停
阅读全文
摘要：我们知道Extjs4之后提出了MVC模块开发，将以前肥厚的js文件拆分成小的js模块[model\view\controller\store\form\data等]，通过controller拼接黏合，提高了js代码的重用性，可阅读性，更加适合团队的开发。js采用mvc后必定会带来一个问题，如何高效的加载各个js小文件？官方的例子是统一采用了一个Ext.Application入口：Ext.application({ name: 'WMS', appFolder: 'ExtJs/App', autoCreateViewport:true, controllers:
阅读全文
摘要：由于最近在研究Extjs4.1.1，没想到Extjs没有自带的iconCls所使用的图标样式css，就是用那个写那个的，纠结了半天，网上也找了好久，还是自己写了个批量处理程序，集合了1713个png小图标，都是Extjs原生态的，直接可以使用，这样后面的开发就方便多了，感兴趣的可以直接拿去用。非Extjs的其他项目也可以使用，使用的时候注意下目录位置。来张综合的图片：生成后的CSS文件预览：注意项目的文件引用位置：CSS文件加载图片，没有采用spirit的方式，有洁癖的自己处理吧。附上CSS文件，1731张png小图，生成工具，和集合图。移步下载http://www.chinacloudtec
阅读全文
摘要：我的广告单元，有空点一下哦，谢谢！*文本框验证，您可以根据需要添加限制 * *xtype的类型：numberfield 数字，combo 下拉框，datefield 日历，radiogroup，单选 *checkboxgroup 复选，textarea 文本域，timefield 时间，CJ_starthtmleditor 扩展的富文本框编辑器 * *vtype:"email", email格式验证 *vtypeText:"不是有效的邮箱地址", 错误提示信息,默认值我就不说了 * *form验证中vtype的默认支持类型 *1....
阅读全文
摘要：我的广告单元，有空点一下哦，谢谢！该窗体的js代码如下，（事前，请引用Itemselector相关的js文件，相css，图片，等）Ext.namespace("Neo");Ext.namespace("Neo.frontdesk");Neo.frontdesk.SendMsg = Ext.extend(Ext.Window, {title : '消息发送',layout : 'fit',width : 650,height : 320,id : 'sendmsgWin',draggable : true,m
阅读全文
