chemzqm
- 浏览: 155996 次
- 性别:
- 来自: 北京
-
最新评论
-
科小新：
99999999999999999
[Ext扩展]两个来自Ext官方论坛的时间控件扩展，可选择时分秒 -
ldl_xz：
http://www.9958.pw/post/css_pos ...
兼容ie6、ie7、ff的css顶端固定位置定位 -
snnosnno：
有浏览器差异吖
[Ext扩展]两个来自Ext官方论坛的时间控件扩展，可选择时分秒 -
lian819：
感谢无私分享了, 必须赞一个啊
[Ext扩展]两个来自Ext官方论坛的时间控件扩展，可选择时分秒 -
Sweetme：
放进项目就行了，成功了。谢谢哦怒赞
[Ext扩展]两个来自Ext官方论坛的时间控件扩展，可选择时分秒
文章列表
以前做政府项目的时候经常涉及行政区划的树，这个树有的时候要显示到旗县级，有的时候要显示到盟市级，当时靠后台来实现，代码写的非常繁琐（要配url、写controller），灰常简单的事情弄得嗷嗷复杂，终于，当我读明白源码之后一切问题迎刃而解
首先要把下面这段JS加入页面
Ext.tree.TreeNode.override({
appendChild:Ext.tree.TreeNode.prototype.appendChild.createInterceptor(function(n){
var maxDepth = this.getOw ...
该函数可以让你轻松获知任意函数的传入参数和返回值
注意：该函数使用需要Chrome控制台或者Firebug
App = function(){
function getResultFn(name, fn){
return function(){
console.log("正在执行的函数：" + name);
console.log('该函数的参数列表：');
for(var i= ...
如果你只是使用Ext做些小样子，那么你完全不必理会this（Ext的官方例子里面也基本上很少用这个关键字，因为这个原本在其他语言中非常简单的东西在Javascript却变得有时候让人难以捉摸）；但是如果你想了解整个Ext框架或是编写可重用的js组件，你就不得不认识清楚这个关键字了。
要点：
全局环境下this指向window对象
这个函数做为谁的属性被调用，那么this就指向谁，不做为属性被调用时this指向window
尽管b是在a函数中定义的，但它却不做为a的属性被调用（注释上说的不准确，实际上b函数是做为a函数的activation object的属性来调用的，这个对象只在运行时产生 ...
调试AJAX程序是件麻烦事情，为了了解服务器返回的信息我们需要打开浏览器进行调试，且不说浏览器占用内存，每次输入一堆数据就是件麻烦的事。
这段程序其实是《java核心技术》上面的一段示例，做了一点修改以解决utf-8环境下中文乱码的问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text ...
Ext.extend方法：
extend : function(){
// inline overrides
var io = function(o){
for(var m in o){
this[m] = o[m];//io的调用对象将获得o的所有属性
}
};
var oc = Object.prototype.constructor;//对象直接量的构造函数
...
先来看看Ext的官方API的左上角
本插件基于Ext3.0 可以非常轻松的实现上面的功能，你只需要为你的树配置一下插件，例如：
plugins: ['multifilter'],
本插件使用了笔者以前做的树过滤组件QM.ux.TreeFilter，最大的特点就是同时支持拼音首字母和汉字模糊匹配，详细信息可以参考：http://chemzqm.iteye.com/blog/653530
示例效果：
核心代码：
/**
* 多功能树过滤插件，为TreePanel的tbar添加一个具备拼音和汉字双重过滤功能的textfield
*
* 依赖：QM.ux.TreeFilte ...
功能：双击页面图片弹出一个内含图片窗口，可进行全方位调整和拖拽
特点：
基于Ext-core，面向组件形式开发，不会与其它JS发生冲突
支持主流浏览器，已测试ie6、FF、chrome
全局单例模式，部分组件重用，事件注册优化，最大限度降低内存消耗
精心布局，考虑了页面存在滚动条的情况
使用特别简单
使用方法：
1.让页面加载完毕后执行初始化函数：
Ext.onReady(function(){
Ext.ux.ImageView.init();
});
2.为需要提供图片浏览功能的img添加class：resizable
...
俗话说，工欲善其事，必先利其器。缺乏好的工具想要用好Ext这么庞大的类库恐怕任谁都很难做到，本文就来介绍几种Ext的智能提示工具。btw，今天非常不爽，Aptana不知为何怎么都起不来了，重装无聊之余有了此文...
第一种方式Aptana支持
1.下载Aptanahttp://www.aptana.org/studio/download
如图，Aptana支持单独运行以及做为eclipse插件两种方式来使用。
2.下载Aptana的Ext专用插件，插件来自Ext官方论坛http://www.extjs.com/forum/showthread.php?89417-3.X.X-Aptana- ...
Ext.ux.plugins.PageComboResizer：PagingToolbar插件，添加一个分页提供大小选择的ComboBox
bbar: new Ext.PagingToolbar({
pageSize: 10,
store: store,
displayInfo: true,
plugins:[new Ext.ux.plugins.PageComboResizer()]//动态分页大小
})
详情访问：http://www.bewareofthebear.com/ext ...
为方便大家使用，我把控件所需的js、css、gif文件都提取出来了，示例可以直接放到Ext根路径下用浏览器打开查看运行效果。这个组件适用于Ext3.0以后版本，2.0肯定跑不了的
第一个
使用方法示例：
{
id:'time',
xtype:'datetimefield',
format:'H:i'
}
示例截图：
第二个
使用方法示例：
{
xtype: 'datefield',
fieldLabel: 'Normal (Ext.form.DateField)',
name: 'name',
value: '2009-03-04 11:23:45',
forma ...
有句老话叫不重复造轮子，既然网上已经有下拉树的扩展，为什么还要再做一个呢？答案很简单，网上那些满足不了我的需要。简单来说，本扩展UI组件具备以下功能：
宽度自适应 下拉列表宽度可根据树的大小进行自动调整
延 ...
Ext自带一个Ext.tree.TreeFilter类，可以实现树节点的过滤，但是功能太单薄了。我自己实现了一个树的过滤功能，支持以下功能：
过滤时忽略父节点，默认情况下忽略
中文、拼音首字母过滤，你输中文就按照中文进行匹配，输拼音就按照首字母匹配
过滤后自动展开匹配结点的所有父节点
匹配字符串为空时将结点全部显示，可配置全部显示时结点状态为全收缩还是全展开，默认不处理
拼音缓存：确保汉字只转一次拼音，提高效率
1.1 改动：
1.支持中文模糊匹配，输入汉字可以是字符串任意位置
注意事项：
1.循环遍历操作，树节点过多会卡
2.这是前台过滤，请保证过滤前所有结点加载完毕
考虑到新手，附件 ...
Ext.state.Manager存在的意义：简单说就是在客户端存取数据，譬如说用户打开一个Window之后对其大小进行了调整，他不想每次打开都要重新调整窗口大小，这时你就可以使用Ext.state.Manager记住他所设定的窗口大小，这样他即使关闭浏览器再打开打那个Window还会是你所保存的大小。
默认情况下所有组件执行构造函数时都会访问这个类。如果你想要让它记住组件的状态必须在程序初始化的时候设置一个Provider（一个可以对数据进行存取的底层实现），Ext提供的一个实现就是Ext.state.CookieProvider，这个类通过操作浏览器的cookie实现数据的存取，通常你需要 ...
这个插件的目的在于提高用户对于数据的选择效率。经常录入数据的人肯定能明白，在一长串列表中选择你想要记录是一件很费眼神的事；记得当初玩开心网可以按拼音首字母找到自己的好友，当时就觉得很是方便。如果您想提高用户对您软件的评价，请您考虑这个插件。
实现原理：重写了Store中返回过滤函数的方法，使其中需要过滤的汉字转换为其拼音首字母数组（因为有多音字，数组内每一项对应一种拼音的可能性），遍历数组每一项与当前输入项生成的前端匹配正则表达式进行比对，有一个满足就返回true，都不满足返回false
附件有示例
/**
* 修改组件内部Store的createFilterFn方法，使其按照拼音 ...