[原创]全面增强版 eXtremeComponents !!!!

***************************************
这个不要再下了
去我的blog  那里有个新版本的 比这个好很多
***************************************




由于项目需要，前一阵我对ectable进行了较大的扩展。
（在这期间参考了一些 eccn的实现）

这个新版本的 ectable 没有修改原先的 ectable，
只是在他的基础上进行了扩展


增强的功能点：

1 支持 列表标题的跨列显示
2 支持  统计栏标题的 跨列显示
3 可以通过属性来指定 工具栏是在列表上(top) 还是下面(bottom)还是不(none) 显示
4 增加了 跳转到指定页面的功能
5 提供了扩展行功能 这样就可以在 ec table生成的form内添加一些自定义的东西了
6 数据长度过大时，可以自动以省略号的形式截断字符串（IE only 其实这用的是css 和ectable的代码无关

）
7 修改了数据量的显示格式（去掉了数字中间的,）


还有很多变化是页面外表上体现不出来的

1 为 ec:row  增加   ondbclick  事件
2 为 ec:column 增加 onclick ondblclick 事件

3 为 ec:column 增加了添加自定义属性的功能
使用此功能，就可以任意的扩充为 ec:column 的属性了
例如 ec:column 本来不支持 onmouserover 现在可以通过
<ec:attribute>onmouseover="this.style.cursor='pointer';this.style.color='red'"</ec:attribute>
来实现了
<ec:attribute>还可以为ec:column添加任意非html自带属性。

4 提炼了ectable生成的js 
ectable 原先的实现会在页面内生成大量的js代码 非常不好
现在翻页相关的js代码全部提炼成了 js函数

5 翻页按钮的外观提炼成由css决定 而不是图片决定。
ectable原版生成的是 <img ... src="图片路径" />
现在生成的是  <input type="button" class="样式" />
这样要改变外观 只要去修改“样式” 中的背景图片就ok了
filter clear 按钮 暂时还没有这么处理


6 ！！！翻页机制全部使用ajax实现！！！
(没有使用任何的ajax后台框架(如dwr ajaxAnywhere)，纯js端实现)
filter 排序 功能还没有使用ajax


7 支持 预查询功能 （利用ajax实现）
例如在用户察看 第5 页数据的时候，系统会偷偷的把 上一页 和下一页的数据也查出来
并放到隐藏的textarea内 ，翻页的时候 无需再查询
当然 这个功能有利弊，所以是可设置是否开启

评论

27 楼 fins 2006-11-07  

1 写<attribute>标签的时候野心还是很大的
如果用value属性 那么怎么实现

<attribute>
<其他标签1 .... >....</其他标签1>
<其他标签2.... >....</其他标签2>
<if ...>
<foreach>...
</attribute>
把<其他标签1 .... >....</其他标签1>
<其他标签2.... >....</其他标签2>
<if ...>
<foreach>...这些都放到
value="" 的双引号里 我觉得不好吧?
而且直接用body可以省去很多的转义符(\")

2 应该是要用在action后面家&xx=yy 的方式
然后用ajaxsubmit 这个其实就是利用prototype的ajax特性了
和ec本身没有什么关系

3 public String getAllAttributesAsString() 是在什么地方调用的??

26 楼 bjwulin 2006-11-07  

public class ExRowTag extends RowTag implements ITag {

	/**
	 * 
	 */
	private Row row;

	private Map attributs = new HashMap();

	public String getAllAttributesAsString() {
		StringBuffer attributsRS = new StringBuffer();
		Map.Entry entry;
		for(Iterator it = attributs.entrySet().iterator();it.hasNext();) {
			entry=(Map.Entry)it.next();
			attributsRS.append(entry.getKey()).append("=\"").append(entry.getValue()).append("\"").append(" ");
		}
		return attributsRS.toString();
	}

	public void addAttribute(String key, String value) {
		attributs.put(key, value);
	}

	public void resetAttribute() {
		attributs.clear();
	}

	public int doEndTag() throws JspException {
		row.addAttribute(ExTableConstants.EXTEND_ATTRIBUTES, getAllAttributesAsString());
		return super.doEndTag();
	}

	public void addRowAttributes(TableModel model, Row row) {
		this.row = row;

		row.addAttribute(ExTableConstants.EXTEND_ATTRIBUTES, getAllAttributesAsString());

	}

	public void modifyRowAttributes(TableModel model, Row row) {
		this.row = row;

		row.addAttribute(ExTableConstants.EXTEND_ATTRIBUTES, getAllAttributesAsString());
	}
	

	public void release() {
		attributs .clear();
		super.release();
	}

}

1:value是rpt的。为什么说value属性那么就只能用简单内容作为value了？不是很明白。如果用List保存多个attribute设置的值，那么一个Attribute的值如果是根据rowBean变化的话，就会在list里面又很多相同的属性。

2：我在外部的form查询，然后怎么把参数传给你写的ajaxsubmit？在extable的form下create hidden?或者是在action后面家&xx=yy?

25 楼 fins 2006-11-07  

1 用 body value 其实是为了让
attribute里支持其他的tag或者复杂的代码,
如果用value属性那么就只能用简单内容作为value了
其实最好的方法是两种当时都支持.

2 过滤 排序其实都可以用ajax的 只是目前我还没做

3 对于外部的查询,目前不支持,但是我想在技术上是没有难度的.
直接调用 我修改过的那个prototypeajax.js 里的方法就可以了

4 关于attribute的问题
你最好还是把
public String getAllAttributesAsString() {   
      StringBuffer attributsRS = new StringBuffer();   
      Map.Entry entry;   
      for(Iterator it = attributs.entrySet().iterator();it.hasNext();) {   
         entry=(Map.Entry)it.next();   
         attributsRS.append(entry.getKey()).append("=\"").append(entry.getValue()).append("\"").append(" ");   
      }   
      return attributsRS.toString();   
   }  
所在类的代码发出来看看

24 楼 bjwulin 2006-11-07  

其实，我是参考你的attribute tag写的一个tag。你的attribute tag是取body value，我认为不合适，我用的键值对。你看我的Attribute tag就知道我的Entry是什么东西了。我试过所有的方法，包括doEndTag都不行。

public class ExAttributeTag extends TagSupport {

	private String value;

	private String name;

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public String getValue() {
		return this.value;
	}

	public void setValue(String value) {
		this.value = value;
	}

	/**
	 * 增加attribute的标签。
	 */
	private static final long serialVersionUID = -8787546459578181313L;

	public int doStartTag() throws JspException {
		if (StringUtils.isNotBlank(value)) {
			TDTag tag = (TDTag) this.getParent();
			tag.addAttribute(name, value);
		}
		return SKIP_BODY;
	}

	public void release() {
		name = null;
		value = null;
		super.release();
	}

}

再者有个问题问下:你的扩展ajax应该用在排序上面没有问题，稍微改下代码就行。不过，对于查询，我一般也是在外面放一个form作为查询参数提交。有什么好的方式和你现在的ajax结合？

多谢支持哈。

23 楼 fins 2006-11-07  

还有
如果你要给 rowtag添加属性
建议把相关代码写到
    public void addRowAttributes(TableModel model, Row row) {
    }

    public void modifyRowAttributes(TableModel model, Row row) {
    }
里

22 楼 fins 2006-11-07  

引用

也不行。如果改成doAfterBody后，那么要求标签必须又body内容吧，我一般这么写tag :<ec:attribute name="idx" value="${pre.name}"/>,我调试时发现body内容为空时不经过doAfterBody方法。后来就写<ec:attribute name="idx" value="${pre.name}">sssss</ec:attribute>后，发现和我原来的错误一样。郁闷，呵呵。

换成 doEndTag 呢?
我现在手里没有代码
我也只能瞎分析 见笑了

你能不能把

public String getAllAttributesAsString() { 
      StringBuffer attributsRS = new StringBuffer(); 
      Map.Entry entry; 
      for(Iterator it = attributs.entrySet().iterator();it.hasNext();) { 
         entry=(Map.Entry)it.next(); 
         attributsRS.append(entry.getKey()).append("=\"").append(entry.getValue()).append("\"").append(" "); 
      } 
      return attributsRS.toString(); 
   } 

方法所在的类的代码弄个全的啊

我实在不知道这里的 attributs  Map.Entry 是什么东西

21 楼 fins 2006-11-07  

引用

向楼主请教个问题.

目录extremecomponents组件的过滤功能在过滤日期时不能设置成过滤日期段.
比如不能实现某天到某天的过滤.

这个确实不支持
因为ec的过滤实际上用的就是类似str1.indexOf(str2)的方式
不可能支持那么复杂的过滤
毕竟过滤不是搜索

20 楼 bjwulin 2006-11-07  

也不行。如果改成doAfterBody后，那么要求标签必须又body内容吧，我一般这么写tag :<ec:attribute name="idx" value="${pre.name}"/>,我调试时发现body内容为空时不经过doAfterBody方法。后来就写<ec:attribute name="idx" value="${pre.name}">sssss</ec:attribute>后，发现和我原来的错误一样。郁闷，呵呵。

19 楼 fins 2006-11-06  

bjwulin 写道

，我也在做相同的工作，楼主比我考虑的全面。不过就ec:attribute，做法和楼主有些不一样，碰到些问题，楼主有时间帮忙看下。http://extremecomponents.org/forum/viewtopic.php?t=786。扩展的attribute tag在column和table中都正确，但是在row tag中不正确。

   public int doStartTag() throws JspException { 
      if (StringUtils.isNotBlank(value)) { 
         TDTag tag = (TDTag) this.getParent(); 
         tag.addAttribute(name, value); 
      } 
      return SKIP_BODY; 
   } 

doStartTag 换成 doAfterBody 呢??

18 楼 bjwulin 2006-11-06  

，我也在做相同的工作，楼主比我考虑的全面。不过就ec:attribute，做法和楼主有些不一样，碰到些问题，楼主有时间帮忙看下。http://extremecomponents.org/forum/viewtopic.php?t=786。扩展的attribute tag在column和table中都正确，但是在row tag中不正确。

17 楼 我会试一下 2006-11-06  

什么地方可以下呀？

16 楼 peak 2006-11-06  

这个挺好的，用了很长一段时间

15 楼 wuhua 2006-11-05  

研究下

14 楼 wuhua 2006-11-05  

研究下

13 楼 IvanLi 2006-11-03  

前一段时间我们项目里也是想要使用一个grid控件，有一个变态的要求是要在前端页面可以编辑数字，同时要求一些汇总的cell可以在数字变化是也跟着变化，也就是简单的formulas功能，我以前用过dhtmlxgrid，对他的js还算了解，就扩展了一下让dhtmlgrid支持公式求和的功能，当时也听说过eXtreme，由于时间比较紧就没太深研究，不知道eXtreme能否支持前端公式？或是能否扩展出这样的功能？

12 楼 江南白衣 2006-11-03  

daquan198163 写道

江南白衣 写道

springside作为ec的长期使用者向你发出邀请：）

my msn:[e-mail]，方便的话我们聊一下？

顺便广告一下，springside现在推出卫星合作项目计划，如果大家的项目规模较小，独立建站推广比较麻烦的话，可以考虑和springside 合作，在springside中捆绑演示和推广 ：）

我前段时间把一些分页的代码作为补丁提交到你们的JIRA上了，为啥后来被你关闭，而且是“wont fix”？
http://jira.javascud.org/browse/SPRINGSIDE-109

oh..sorry啊，因为是批量操作，把1.0系列的issue关闭了，没有留意。

11 楼 mistapostle 2006-11-03  

跑test1.jsp报错了....
javax.servlet.jsp.JspException: TableTag Problem: javax.servlet.jsp.JspException: TableTag.doAfterBody() Problem: java.lang.IllegalStateException: Could not create the object [checkbox]. The class was not found or does not exist.

10 楼 shim 2006-11-03  

向楼主请教个问题.

目录extremecomponents组件的过滤功能在过滤日期时不能设置成过滤日期段.
比如不能实现某天到某天的过滤.

9 楼 jie_java 2006-11-03  

不错，一直在关注extreme，一个很不错的东西，看看先。

8 楼 daquan198163 2006-11-03  

江南白衣 写道

springside作为ec的长期使用者向你发出邀请：）

my msn:[e-mail]，方便的话我们聊一下？

顺便广告一下，springside现在推出卫星合作项目计划，如果大家的项目规模较小，独立建站推广比较麻烦的话，可以考虑和springside 合作，在springside中捆绑演示和推广 ：）

我前段时间把一些分页的代码作为补丁提交到你们的JIRA上了，为啥后来被你关闭，而且是“wont fix”？
http://jira.javascud.org/browse/SPRINGSIDE-109