Extjs
iseisen
这个作者很懒,什么都没留下…
展开
-
tpl渲染表格以后刷新表格数据
这里不对template做介绍,可以参见官方网站:http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.Template和http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.XTemplate原创 2014-08-21 22:55:44 · 1899 阅读 · 0 评论 -
存储类Store操作
function deepCloneStore (source) { var target = Ext.create ('Ext.data.Store', { model: source.model }); Ext.each (source.getRange (), function (record) { var newRecordData =原创 2014-09-13 01:05:12 · 901 阅读 · 0 评论 -
Extjs Grid翻页后再刷新无法回到第一页
在用ExtJs的时候经常需要使用Grid来显示数据,当数据过多时就需要翻页。Ext的Ext.PagingToolbar翻页提供了一个UI,真正的翻页是在store里面进行的。做翻页的时候会碰到很多问题,比如,翻页到第二页后看到第一页的重复数据;翻到第二页后再点击toolbar里面的查询按钮会看到页面停在第二页等问题。原创 2014-08-21 23:16:59 · 1909 阅读 · 0 评论 -
extjs4+jxl实现grid按条件查询导出到Excel
用Extjs4做导出到excel时如果直接用form表单提交或者直接用Ext.Ajax.request提交数据后,页面对后台HttpServletResponse回来的数据被封装成response.responseText。但是我们需要页面弹出保存地址的对话框,因此不能直接异步调用。我的实现如下:1.在页面写一个“导出”按钮,数据可以按照日期条件进行导出{原创 2013-01-06 15:19:12 · 863 阅读 · 0 评论 -
Extjs的tpl结合form表单提交
这里简单介绍一下使用tpl做form表单提交的方法1. 定义含有form标签的tpl模板:var tpl =Ext.create('Ext.XTemplate', '', '', '', '', '' 2. 提交方式:var formData = Ext.Element.serializeForm(Ext.g原创 2014-08-20 22:37:09 · 1109 阅读 · 0 评论 -
Extjs store数据按阿拉伯数字排序
关于store数据排序 Stores数据是可以通过 sorters属性进行排序的 同时可以通过sort改变排序: store.sort('height', 'ASC'); 当添加新的排序字段时,原来的排序会被清除。因此要想保持原来的排序又添加新的排序字段可以如下方式:在这主要想说的是,store原创 2014-08-21 23:42:32 · 1144 阅读 · 0 评论 -
Extjs组件的操作
Extjs组件进行操作的前提是获取需要的组件,ext可以通过定义的组件名,css选择器或者通过组件的id来获取组件。1通过id获取组件var event_title=newExt.form.TextField({id: 'event_title_id',name : 'application_title',maxLength : 200,msgTarget : 'sid原创 2014-08-20 21:52:21 · 416 阅读 · 0 评论 -
Extjs模型类Model
模型类(Ext.data.Model)是data包的核心部件。每个模型代表应用程序中的一些数据类型。可以将model看成表结构,定义model就是定义表结构。1定义一个数据模型 Ext.define('Information',{ //定义一个'Information'类,继承自Ext.data.Model extend: 'Ext.data.原创 2014-08-20 22:06:05 · 707 阅读 · 0 评论 -
Extjs展开和收缩动画效果造成问题
问题描述:我建了一个region: 'west', layout: 'accordion',collapsible: true的名为westPanel的面板,其items不为空,点击收缩这个面板以后,我执行以下操作westPanel.removeAll();westPanel.add(newItems);如果手动再打开已经收缩的westPanel可以看到里面控件已经刷新了。但是如果添加以下操作原创 2014-09-13 00:49:46 · 698 阅读 · 0 评论 -
ExtJS4+SASS自定义主题
参见《Ext JS 权威指南》ExtJS4可以结合SASS和Compass来创建自己的主题,再次简单介绍其使用方法。关于SASS和Compass参见其相关官网:http://sass-lang.com/和http://compass-style.org/1.安装Ruby使用SASS和Compass需要安装Ruby,到官网http://rubyinstaller.org下载安装,本例原创 2015-01-12 17:20:01 · 2128 阅读 · 0 评论