chemzqm
- 浏览: 154898 次
- 性别:
- 来自: 北京
-
最新评论
-
科小新：
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官方论坛的时间控件扩展，可选择时分秒
文章列表
文章内不再提供示例，需要查看者请从SVN下载，地址：
http://exttools.googlecode.com/svn/trunk/
效果图：
/**
* 扩展了Panel类，其布局设为accordion，所在区域为west；该组件初始化后会根据配置的url和root向后台发
* 起请求并解析返回的json串，根据parentcode为空的结点生成TreePanel，子节点通过parentcode属性添加为
* 对应结点的子节点，注意此处每个节点的code必须小于父节点并接大于下方的其它结点;
*
* 1.1更新：
* 1.不再需要leaf属性，程序内部判断 ...
注意：html文件的Ext库引用请自行解决，效果图：
/**
* 该扩展可以通过一定解析规则的json串生成菜单
* 通过itemclick事件调用点击菜单项的监听函数；
* 通过afterload事件调用菜单加载完毕后的监听函数；
* 注意：使用该控件须确保父菜单code值小于子菜单
* 'code', 'name', 'url', 'leaf', 'enabled', 'parentcode', 'iconcls'
* code、parentcode都是编码，通常来讲这个菜单表都是开发人员手工写入数据库的
* name 对应菜单上的文字，leaf为空 ...
仿照官网例子：XmlTreeLoader做的，下面有实例
注意：html文件的库引用请自行解决
/**
* 通过读取JSON串生成树的层次结构,务必保证json数组中结点出现次序与树完全展开时一致！
* （通过后台对编码进行排序来完成）
* JSON串根节点默认为'list'
* 父结点id字段为
*
* 注意：
* 1.因为是一次加载全部结点，节点数过多的话将严重影响性能，此时请使用异步加载！
* 2.结点的id属性对应json中code属性,结点text属性对应json中name属性。
* 3.根节点的直接子节点的parentcode字段为null或 ...
在我的单页面试了下这个类的用法，发现这个类还是比较特殊的。
说下详细用法：
1.在页面加入如下隐藏域
<form id="history-form" class="x-hidden">
<input type="hidden" id="x-history-field" />
<iframe id="x-history-frame">
</iframe>
...
以前单位做的项目都是上面一排菜单按钮，每点击一次按钮下面工作区的iframe就到后台重新加载一次页面；这样做有很大弊端，其一是iframe经常会对弹出层造成遮挡（ie6下），其二是每个页面都有一个jsp页面（其实就是些js、css之类的引用）和js文件，维护起来很是不便；其三，iframe里的遮罩没法挡住整个屏幕区域。既然如此，我们就不能直接去下js文件把组件添加到页面上吗？答案是可以的，而且很简单。
第一步：创建一个返回Panel的匿名方法，例如
(function() {
...//你可以在这里写关于这个面板的代码
return new Ext.Panel({
...//此 ...
私有变量：对象内部通过var声明的变量，外部不可访问。
私有函数：对象构造函数内部声明的函数，只能由特有函数访问到（包括构造函数）；
特有函数：特定运行对象具有的函数，例如this.methodName=function(){...}外界可直接访问
公共属性：this.variableName形式声明，外界可读写
原型方法：Classname.prototype.methodName = function(){...}形式声明
原型属性：Classname.prototype.propertyName = someValue形式声明
静态属性：Classname.propertyName = ...
在层结点前方加入一个iframe结点<iframe class="zindexDiv" frameborder="0">;
样式：.zindexDiv {
position: absolute;
z-index: -1;
width: expression(this.nextSibling.offsetWidth);
height:
expression(this.nextSibli ...
body{
background-image:url(about:blank);
background-attachment:fixed;
}
.myDiv{
position:fixed !important;
position:absolute;
top:expression(eval(document.documentElement.scrollTop));
}
body元素中background-image:url(about:blank);background-attachment:fixed;可防止ie6中出现闪动；
因为ie ...
javascript版本，可直接粘贴到chrome控制台下运行，
二维数组方式实现最后是一行一行打印的；
支持顺时针和逆时针旋转；
不大喜欢递归，时间空间开销都大，而且还不易修改，算位置的话就纯数学了，我的数学不大好
(function(){
var RIGHT = 0, DOWN = 1, LEFT = 2, UP = 3;//闭包常量
//初始化参数
positonManager = function(length,clockwise){
this.length = length;
this.clockwise=clockw ...
Ext提供了一套强大的事件处理机制，每个组件都有许多事件，用户可以很方便通过动态的方式为对象添加/删除事件监听函数（在实例化的时候不是必须的），从而动态的改变或添加对象的行为，而这一切又是如何实现的呢？
阅读前请您准备好Javascript基础知识（包括：prototype属性、Functin对象的apply和call方法、函数的作用域等）。
该脚本剥离了许多分支逻辑，修改了大多数函数的实现仅保留最基本逻辑，如需详细了解Ext内部请阅读Ext源代码。Enjoy it！
该脚本脱离了Ext库的依赖，可直接复制在firbug下运行，（推荐chrome的javascript控制台，功能更强大）
预期运 ...
总觉得的老用alert的方式打断用户操作是非常不好的做法，调用方法时这个提示会出现两秒，之后自动消失，稍做修改
/**
* 存放自定义的单例函数
* @author chemzqm@gmail.com
*/
Ext.MyApp = function(){
var msgCt;
function createBox(t, s){
return ['<div class="msg">',
'<div class="x-box-tl"><div class= ...
运用了单例模式，使用的话直接让页面文件引用即可。该程序不直接关联任何树的任何事件，可以使用树的checkchange事件对核选的树节点进行进一步操作，譬如修改css样式等；如果通过toggleCheck方法设置结点核选状态将不会进行级联，但会触发树的checkchange事件,压缩包里是一个示例文件
/**
* 给树添加级联选中功能，为树设置属性enableAllCheck则为所有节点添加checkbox；
*
* 实现方式：
* 为TreeNode添加方法：cascadeParent、cascadeChildren；
* 修改AsyncTreeNode的loadComp ...