原创 将博客搬至CSDN

使用gzip压缩extjs文件

extjs4 ajax同步加载

sync : false,//添加上这个属性就能实现同步的方式 url: 'page.php', params: { id: 1 }, success: function(response){ var text = response.responseText; // process server response here } });  

extjs4动态加载css文件

extjs4 TreePicker下拉树用法

码包里面却有一个叫treePicker的东西，这正是官方提供的下拉树，但是api里面也没有使用的例子。网上也没有相关的用法，没办法，只有自己看源码慢慢摸索，好在最后终于摸索出来了。{ xtype : 'treepicker', displayField : 'text',//这个地方也需要注意一下，这个是告诉源码tree用json数据里面的什么字段来显示，我测试出来是只能写'text'才有效果 fieldLabel : '移动到的部门', forc

extjs4 tree的右键菜单

menu : function(his, record, item, index, e) { // 部门表的右键菜单 var me = this; e.preventDefault(); e.stopEvent();// 这两个很重要，否则点击鼠标右键还是会出现浏览器的选项 var array = [ { text : '添加员工', handler : func

extjs4 treeGrid使用

控件正好可以满足需求，但是悲催的是把api里面的代码拷到程序里面后没有效果，根据反复的修改终于可以用了：Ext.define('SimpleTasks.view.organize.DeptGrid', { extend : 'Ext.tree.Panel', xtype : 'DeptGrid', rootVisible : false, id : "deptGrid&quo

store.setExtraParam的用法

extjs4重写验证textfidld不能输入空格

不合理的，我想到的解决办法是通过重写TextField控件的验证器再加一个判断空格的验证：Ext.apply(Ext.form.TextField.prototype, { validator : function(text) { if (this.allowBlank == false && Ext.util.Format.trim(text).length == 0) {

解决重启tomcat后session依然有效的问题

t.xml文件里面添加：<Manager className="org.apache.catalina.session.PersistentManager" debug="0" saveOnRestart="false" maxActiveSessions="-1" minIdleSwap="-1" maxIdleSwap="-1" maxIdle

extjs4中htmlEncode与htmlDecode的用法

的时候如果用grid展示出来会把grid里面的布局弄乱，很不好看，这个时候就想在grid中展示评论内容的时候不要解析这个html代码，当文本一样的输出。在freemarker中只需要在展示的内容两边加上一对标签即可，所以感觉应该不是太难，不知道extjs4里面有没有配置这样的属性，在网上搜索和看官方的api文档好像都没有这样的配置，那就只有再找另外的方法，好在extjs4提供了一个Ext.htmlEncode();的方法能够不解析html代码。{ header : '评论内容',

在combobox中输入值自动补齐后名额的值

解决get提交乱码和mysql存数据是问号的问题

全是问号。       get提交乱码的解决办法是点击eclipse左边的项目列表中的Servers->Tomcat v7.0 Server at localhost-config->server.xml文件中修改<Connector connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443&quo

extjs4自定义vtype验证开始时间不能大于结束时间

证是放在后台来完成，然后在前台弹出一个alert来提示用户“开始时间不能大于结束时间”。这样做依然用户体验不好，不能输入完后马上就提示用户，而且还会发送没必要的请求增加服务器负担。多个字段的验证就能很好的解决这个问题。但是实现也要比单个字段的验证要复杂些，除了要自定义验证外，还要自定义属性用以配置两个互相关联的日期字段：Ext.apply(Ext.form.field.VTypes, { // 自己拓展比较时间的vtype

extjs4自定义表单验证

验证就不行了，好在extjs4提供了自定义vtype验证，通过正则表达式来判断，写法也非常的简单： Ext.apply(Ext.form.field.VTypes, { al : function(v) { return !(/^[0-9]*$/.test(v)); }, alText : '不能只输入数字' }); 然后在表单里面只需要简单的添加一个vtype的属性：{

extjs4实现从页面上方弹下提示框

extjs4 me.container.dom is undefined的解决方法

用window实现类似Ext.msg.alert()效果

话就只有重写一个window来代替alert。然后自己再通过mask()方法来手工控制遮罩Ext.create('Ext.window.Window', { title : title, id : id, renderTo : renderTo, resizable : false, constrain : true, border : false, cls : Ext.baseCSSPrefix + 'message-box',

extjs4中tree组件获取选中的节点