
ExtJS
iteye_3843
这个作者很懒,什么都没留下…
展开
-
如何利用Spring的redirectStrategy进行url hash tag的重定向
我们都知道url的hash部分是不能传到服务器端的,例如 http://projectname/#M_FACTORY:ci,其中url里面的“#M_FACTORY:ci”是hash部分,在前台可以用location.hash取得,在传到后台的时候这部分是被忽略掉的。如果我们想实现登录后自动跳转到这个url,普通的重定向是没法实现的。1. 配置Spring登录成功的重定向策略主意这里不能...原创 2013-11-25 13:55:30 · 1650 阅读 · 0 评论 -
ExtJs强制re-render整个grid
ExtJs强制re-render整个grid有时候我们在grid上或者某个column上有自定义的renderer重绘整个grid或者column,当store中的record改变的时候我们需要强制刷新grid,此时可以使用grid.getView().refresh()方法来达到目的。参见[url]http://docs.sencha.com/extjs/4.2.2/#!/api/E...原创 2014-06-17 12:01:34 · 316 阅读 · 0 评论 -
子panel居中小技巧
子panel居中小技巧[code="java"]{ xtype: 'container', layout: {//layout设置关键地方 [color=red]type: 'hbox', align: 'middle', pack: 'center'[/color] }, items: [ { xtype: 'container', i...原创 2014-06-16 11:19:32 · 477 阅读 · 0 评论 -
集成bootstrap-datetimepicker插件到ExtJs中
系统有一个需求:查询某个时间段内的后台数据,这就需要选择起始日期时间跟结束日期时间。但在ExtJs中只有DatePicker和TimePicker,不能满足我们的需求。这也就是本文的由来。我找到了一个bootstrap的datetimepicker插件,做法是将这个plugin集成到我们的ExtJs系统中来实现目的,分享在这里。1 插件详情: 插件地址:[url]http://tarr...原创 2014-06-11 10:49:57 · 224 阅读 · 0 评论 -
用Sencha Touch写2048游戏
1 UI部分[code="java"]Ext.define('mobile2048.view.maincontainer', { extend: 'Ext.Container', requires: [ 'Ext.Panel', 'Ext.field.Text', 'Ext.Button' ], ...原创 2014-06-05 15:47:24 · 105 阅读 · 0 评论 -
在ExtJS中给表格中某列的行值添加tool-tips
[code="js"] { xtype: 'gridcolumn', renderer: function(value, metaData, record, rowIndex, colIndex, store, view) ...原创 2013-01-15 16:22:12 · 151 阅读 · 0 评论 -
ExtJs下拉菜单对齐
ExtJs下拉菜单对齐通过设置plain:true可以将下拉菜单的控件对齐,代码:[code="java"]menu: { xtype: 'menu', plain: true, 。。。。}[/code]效果如下:...原创 2014-04-24 14:39:02 · 221 阅读 · 0 评论 -
ExtJs4中给Grid增加右键菜单功能
1 首先定义右键时所要显示菜单组件[code="java"]Ext.define('Qui.view.MonitoringMenu', { extend: 'Ext.menu.Menu', alias: 'widget.MonitoringMenu', requires: [ 'Ext.menu.Item' ], in...原创 2014-04-08 17:32:02 · 521 阅读 · 0 评论 -
ExtJs4实现CheckBox Tree以及文件预览功能
需求: 服务器上有一个文件夹(根文件夹),其下面有可能是文件也有可能是文件夹且文件夹下面又有文件以及文件夹。1 要求以树状结构展示这些文件,且可以选择不同文件夹下面的多个文件,所以叶子节点要加checkbox,且文件夹不加;2 选择文件的时候要对文件内容进行预览。下面是具体实现1 Model定义:[code="java"]Ext.define('Qui.model.TestAs...原创 2014-04-04 16:28:52 · 203 阅读 · 0 评论 -
ExtJs中根据后台数据动态创建表格列及其数据
[code="java"] renderDynamicTable: function(dataset,type, tab) { var resultSetId = type === 'control' ? '#controlResultSet' : '#testResultSet'; var ctlSet = dataset; if(Ex...原创 2014-02-18 16:57:47 · 386 阅读 · 0 评论 -
给ExtJs树节点添加提示
1 给树treeview增加事件监听[code="java"]"#filetreeview": { itemmouseenter: this.onFiletreeviewItemMouseEnter}[/code]2 实现监听函数[code="java"]onFiletreeviewItemMouseEnter: function(dataview, record, ite...原创 2014-01-20 17:48:20 · 400 阅读 · 0 评论 -
在TreeGrid上增加键盘监听事件
1 首先定义gridview id[code="java"]viewConfig: { itemId: 'assetTreeView', markDirty: false }[/code]2 在Controller里面增加监听函数...原创 2014-01-15 16:12:58 · 270 阅读 · 0 评论 -
在Grid上增加键盘监听事件
1 首先定义gridview id[code="java"]viewConfig : { itemId: 'listsgridview', },[/code]2 在Controller里面增加监听函数[...原创 2014-01-08 14:31:45 · 668 阅读 · 0 评论 -
自定义最大化最小化ExtJs插件
由于ExtJs的panle组件本身是不可以处理最大化最小化事件的,我们实现的原理就是写一个自定义handler函数,将工具栏所在的panel给包含到一个window组件里面。当window关闭的时候触发hide事件,在hide事件里面再进行处理:将panel还原到原来的位置。所以在处理事件里面我们要记录原来组件的一些基本属性,包括它的父类组件及其宽度,高度大小位置等信息。1. 自定义插件[...原创 2013-11-25 14:41:09 · 305 阅读 · 0 评论 -
构建自定义ExtJs时间日期组件
构建自定义ExtJs时间日期组件1 代码[code="java"]Ext.define('Qui.view.DatetimepickerDialog', { extend: 'Ext.window.Window', alias: 'widget.DatetimepickerDialog', requires: [ 'Ext.menu.Da...原创 2014-06-18 18:00:30 · 361 阅读 · 0 评论