zhangdaiping
- 浏览: 129542 次
- 性别:
- 来自: 北京
-
最新评论
-
SuseLinux：
非常有价值的比较！
移动WebApp开发 JS框架对比 -
962464i：
麻烦问一下：edittreegrid-pkg.js这个文件是做 ...
EditTreeGrid行编辑树列表组件（更新1.5版） -
blueskyxiao：
楼主。问下咱们这个能实现和grid一样的双击编辑功能吗？双击只 ...
EditTreeGrid行编辑树列表组件（更新1.5版） -
namelessmyth：
新版本 怎么使用 localData呀...求楼主发案例呀.. ...
EditTreeGrid行编辑树列表组件（更新1.5版） -
wokao_wg：
zhangdaiping 写道2011-6-9 更新1.5版修 ...
EditTreeGrid行编辑树列表组件（更新1.5版）
文章列表
最近有时间我又开发了一版新的EditTreeGrid，之前做过一版TreeGridEditor，不是很理想，最近一直在学习Ext，对Ext又有了新的认识，所以重新做一版，也算是自己这段时间的一个总结。
基于Ext 3.2.1的TreeGrid。
这个版本最大的改进就是使用了和Grid一样的RowEditor组件；由于使用了RowEditor，所以只能支持单行编辑。另外，TreeRowEditor和Grid RowEditor有点不同，当进入RowEditor状态后，其他所有按钮功能不可使用，你点击会无效。
代码体积减小了很多，将官方的TreeGird打包到一起，才30K的大小。
其次 ...
官方提供的汉化包ext-lang-zh_CN.js, 只汉化了日期格式化字符串的过程
反向由字符串解析成日期却没有汉化, 会无法反向解析.
在ext-lang-zh_CN.js中增加如下汉化补丁:
Date.parseCodes.a.c = "if (results[{0}] == '上午') {\n"
+ "if (!h || h == 12) { h = 0; }\n"
+ "} else { if (!h || h < 12) ...
当移除一个FormPanel上的Item时, 再调用FormPanel的doLayout(), 会抛异常;
演示代码:
var text = new Ext.form.TextField({});
var form = new Ext.FormPanel({
// ...若干代码省略...
items: [text]
});
form.remove(text);
form.doLayout();
咱们来看看这个异常是怎么产生的.
有个Ext.form.MessageTargets类, 这个类的代码在/src/widgets/form/Field. ...
今天有个别的部门同事跑来问我, Ext.Panel组件使用TableLayout布局, 翻页到最后一页, 再往回翻页, 怎么前面有个空白
正常情况:
错误演示:
先Check同事写的代码
// Panel在进行翻页的时候, 先移除了所有的子元素
panel.removeAll();
// 然后再添加了新页面的子Panel
for (var i = 0; i < len; i++) {
// ...演示环境省略代码...
panel.add(new Ext.Panel({}));
}
panel.doLayout();
用FireBug一 ...
有网友问我怎么修改GridPanel#header的样式, 所以我就做了个例子
源码:
<!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=&quo ...
TreeNodeChecked是一个Ext Tree级联选中插件，默认的Ext Tree的Checkbox是不带级联选中功能的，加载TreeNodeChecked插件实现Tree Checkbox的级联选中功能。
演示代码：
new Ext.tree.TreePanel({
...省略部分代码...
plugins: [new Ext.plugin.tree.TreeNodeChecked({
// 级联选中
cascadeCheck: true,
// 级联父节点
casc ...
在使用Ext.GridPanel过程中，不能同时监听contextmenu、rowcontextmenu事件；如果同时监听，当右键点击行时，就会产生两个右键菜单。
解决方案：
listeners: {
'rowcontextmenu': function(e) {
// 行右键菜单
},
'contextmenu': function(e) {
var rowIndex = this.view.findRowIndex(e.getTarget());
if (rowIndex) {
// 如果当前右键点击的是列表行，那么停止事 ...