本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- zysnba
- xiangjie88
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sichunli_030
- sam123456gz
- arpenker
- 龙儿筝
- tanling8334
- kaizi1992
- gaojingsong
- xpenxpen
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- jbosscn
- mengjichen
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
extjs from,grid,pagingToolbar,store的使用,及分页
extjs4
相信很多人在用from对grid动态查询时,都遇到过pagingtoolar分页不更新的问题,我也是翻了好多次api,搜索了好多次,试用了好多次,终于找到了解决办法,希望对大家有用。
在下面的代码中,可以直接拷到页面中用,但需要改几个地方:
1.form中的items
2.proxy的url
3.fields的field
4.grid的columns
5.s ...
Extjs4学习笔记-Ext.util.DelayedTask
DelayedTask对象主要用于实现输入缓冲的功能,在指定的时间间隔内,如果用户没有操作触发事件,就会自行实际触发函数。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<ht ...
尚学堂_白鹤翔_最新最全ext4视频教程(2013-7-21更新到20集)
尚学堂_白鹤翔_最新最全ext4视频教程(2013-7-21更新到20集)
下载地址:
001_尚学堂_白鹤翔_最新最全ext4视频教程(第一季免费)_Ext视频教程概述.flv
链接:http://pan.baidu.com/share/link?shareid=3068837511&uk=808459810 密码:kss7
002_尚学堂_白鹤翔_最新最全ext4视 ...
extjs4 ajax同步加载
平时我们用Ext.Ajax.request来跟后台进行交互,通过ajax使用的是异步的的方式来传递,但是有些情况需要用同步的方式来进行
Ext.Ajax.request({
async : false,//添加上这个属性就能实现同步的方式
url: 'page.php',
params: {
id: 1
} ...
extjs4动态加载css文件
extjs4一个比较好的地方就是所有的文件都能动态的生成,比如通过requires可以动态的加载js文件,但是有些加载的控件同样需要加载css文件。extjs4同样也给我们提供了方法:
Ext.util.CSS.swapStyleSheet('文件id', 'css文件路径');// 动态加载css文件
ajax的同步/异步请求,以及extjs4中如何在model中实现两张无外键关联表的查询操作
首先,讲下同步和异步的区别。
其实之前我也是很模糊的,现在似乎明白了,下面说下我的理解。
首先,说异步的好了。
var jszz = "";
Ext.Ajax.request({
',
params:{q_jgbh:jgid},
extjs4 TreePicker下拉树用法
项目中需要用下拉树来展示数据,到网上搜了下没有想要的东西,有些是自己写的下拉树,官方的api也没有treeCombobx这样的东西,但是在extjs4源码包里面却有一个叫treePicker的东西,这正是官方提供的下拉树,但是api里面也没有使用的例子。网上也没有相关的用法,没办法,只有自己看源码慢慢摸索,好在最后终于摸索出来了。
{
xtype : 'treepic ...
extjs4 tree的右键菜单
在treePanel或者treeGrid控件上面注册itemcontextmenu事件就是右键菜单
'#deptGrid' : {
itemcontextmenu : me.deptGrid_itemcontextmenu
}
deptGrid_itemcontextmenu : function(his, record, item, inde ...
extjs4 treeGrid使用
项目有一个需求是展示一个部门信息,但是这个部门下面有可能还存在子部门,用一般的trrPanel感觉效果不是太好,在官方的api上面找到treeGrid控件正好可以满足需求,但是悲催的是把api里面的代码拷到程序里面后没有效果,根据反复的修改终于可以用了:
Ext.define('SimpleTasks.view.organize.DeptGrid', {
...
ExtJS4 renderer将绑定的数据列进行格式化,但是没效果。。求解。。
Ext.define("GBApp.BrowseroptimizationApp.view.DetailGetlist", {
extend : 'Ext.grid.Panel',
alias : 'widget.detaillist',
title : '详细信息',
id : 'getDetailList',
store : 'Bro ...
store.setExtraParam的用法
项目中需要在同一个grid中转换成不同的数据,不如有一个menu,里面有“未审核”和“已审核”两个按钮,需要点击按钮后grid中出现对应的信息,之前使用的方法是当点击按钮的时候动态的创建store,然后再调用grid.reconfigure(st);的方法把数据加载到grid里面。
今天突然想起了searchField源码里面的grid.setExtraParam ...
extjs4 mvc
使用感受:
1.有利于组件重用,软件开发和维护;
2.学习成本很高,要新人接受需要一段时间,在开发中要按照一定规范;
3.建议不要随便使用这样分层;
层级介绍:
1.model和store其实就是管数据的;
2.view层,专注于界面展示 - grid, tree, panel 都是view,纯界面,极少逻辑代码,逻辑代码都写到controller中,这样好管理;
3.controller,建议 ...
extjs4重写验证textfidld不能输入空格
在extjs4中的表单验证里面虽然能够通过allowBlank : false配置控件不能为空,但是如果在控件里面输入空格的话就很轻松的骗过了验证,这显然是不合理的,我想到的解决办法是通过重写TextField控件的验证器再加一个判断空格的验证:
Ext.apply(Ext.form.TextField.prototype, {
validat ...
extjs4中htmlEncode与htmlDecode的用法
项目中有一个模块是用来管理前台的评论内容。因为前台的评论没有限制输入的内容所以有可能用户保存的是一段html代码。后台extjs4进行管理的时候如果用grid展示出来会把grid里面的布局弄乱,很不好看,这个时候就想在grid中展示评论内容的时候不要解析这个html代码,当文本一样的输出。在freemarker中只需要在展示的内容两边加上一对标签即可,所以感觉应该不是太难,不知道e ...
在combobox中输入值自动补齐后名额的值
最近看extjs4的API发现combobox还有一个比较实用的功能,就是在combobox中输入比如"四川",就会自动查询当前下拉框中有的值并补齐成“四川省”,如果下拉框中的值很多的话这个方法还是比较实用。实用的方法也特别的简单,配置两个属性就行了:
{
xtype : "combobox",
...
extjs4自定义vtype验证开始时间不能大于结束时间
项目中需要开始时间和结束时间的验证。因为需求涉及到两个时间,所以要有验证开始时间不能大于结束时间。之前对extjs4了解不够深入,所以这个验证是放在后台来完成,然后在前台弹出一个alert来提示用户“开始时间不能大于结束时间”。这样做依然用户体验不好,不能输入完后马上就提示用户,而且还会发送没必要的请求增加服务器负担。多个字段的验证就能很好的解决这个问题。但是实现也要比单个字段的验证要复杂些,除 ...
extjs4自定义表单验证
extjs4自带的表单验证已经够强大了,但是有些特殊的要求还是无法满足,比如项目中的一个文本控件要求不能输入纯数字,这个需求普通的表单验证就不行了,好在extjs4提供了自定义vtype验证,通过正则表达式来判断,写法也非常的简单:
Ext.apply(Ext.form.field.VTypes, {
al : function(v) {
...
extjs4实现从页面上方弹下提示框
项目中一边的提示框都是用alert完成,现在项目有一个需求是从页面的最上方降下来一个提示框,用户不需要任何操作,一定时间后自动再收上去。之前用了很多办法,效果都不是很好,结果官方例子里面有现成的解决方法。需要从extjs4的包中找到两个依赖的文件example.css和example.js,把他们放到项目中同一层目录下面,然后在html页面引用这两个文件。然后在项目中就可以使用Ext.examp ...