`

[ECSide] 列表组件 ECGrid 最新demo (8月29日晚9点再次更新)

阅读更多
29日晚9点再次更新:

加入了列锁定功能!!!!!!!!!!!!!!!!
见10楼附件!!!


报告管理员: 主贴里的附件删除不了了!!!!系统bug啊

============================

29日晚 更新: ECGrid_Demo_0829d.zip

修正了一些小bug,代码做了一定程度的重构.
调整列宽改为 需要按抓ctrl不放,再去拖拽了.
因为表头的直接单击和拖拽另有他用.


============================
28日 更新:

该DEMO新增演示功能:
1 调整列的相对位置.
2 调整列表大小.

newECGridDemo.zip 那个大家就不要下了.

===============================
这次不想让大家干等,我打算把每一点小进步都发上来和大家分享.
(以后不会发到论坛里,只会在圈子 和 个人博客里,免得让不感兴趣的人看着头疼 )

这次发的是以个ECGrid未来展现层的一个雏形(是代码,不再是视频或图片了),主要改进如下:

1 最终列表页面的DOM结构重新设计.
2 JS代码重新编写,CSS结构重新设计.代码更简洁,效率更高.
3 "固定表头"与"手动实时调整列宽"的功能更稳定
4 由于css结构调整,可以更简单的实现"换肤"功能.
5 加入了"滚动到顶端/底端"的小功能.
6 对浏览器的兼容性(主要在IE 6/FF 2下进行了测试)更好.
7 可以很好的支持 xhtml,以前大家反应的在引入xhtml dtd后页面混乱的问题得以根治.
(感兴趣的可以试一下,把demo.html文件开头的那段注释去掉,恢复XHTMl DTD声明)
8 参照了EXT的一些实现,但是总体上比EXT更简洁.
(生成的列表主体的DOM结构要比EXT的简单很多.ext里那个scroller我始终觉得是多余的)


很新老多功能的展现层效果还没有做完,以后会陆续更新.
(很多想法如果实现了,一定会让大家眼前一亮的,呵呵 在这里先卖个关子.)


这次放上来的js代码对于很多js初学者(以及一部分js中级开发人员),也许会有一定的启迪和帮助,
为了不至于误人子弟,还请大家多帮忙挑挑错
谢谢了先.

另外今天尝试用jindw老兄的JSA 进行压缩,可是失败了, :'(
有谁能帮我看看问题出在哪里呢?


这次发的是一个静态的页面,也许发到AJAX版更合适,但是毕竟ecside一直发在java版,所以这个也发java版了,
如果管理员觉得不合适,还麻烦转移一下,谢谢.


BTW,通过这两天的改造,我的ajax开发的功力又有提升 哈哈,高兴!

ecgrid以后打算 jsptag版 与 纯js版(类似ex grid那种) 两手都要抓 两手都要硬,
同时还要支持多种数据形式,除现在传统的利用jsptag直接输出table外,还要支持json xml.

希望大家多支持.







分享到:
评论
16 楼 smilelhh 2007-09-18  
建议把那些功能封装成右键菜单,在点击表头是弹出来,这样是不是会好一点呢!

这样的话,有些什么功能一目了然,然后程序员根据用户需要去配置这个右键菜单,展示给用户
15 楼 stamina 2007-09-04  
newECGridDemo.zip
现在下是对的么?
14 楼 ncuboss 2007-08-31  
to fins:
选择多列可以让用户在使用的时候自己在表格中筛选数据生成图形!
在Ext中它是可以随时选择哪些列隐藏的!
还有希望EcGrid中能有ECside中的Group功能,找了好多开源的工具都没有!这也是在项目中用了Ecside的原因之一。
13 楼 wplqw 2007-08-29  
lz的ecside已经在我的小项目中试运行3个月了,使用效果相当不错,尤其是可编辑模式,很方便,以往需要编写大量代码才能解决的问题现在只要轻松配置一下即可,同时还有过滤功能,也不错。

同时ecside提供的一个动态生成列的接口也提供了极大的方便,我在此基础上发展了一个依托于配置文件的动态列选择以汇总查询功能,如果没有这个接口,难度要加大不少。
12 楼 fins 2007-08-29  
我要上传新附件,旧的附件删除不了了 ,BUG啊


新版本的demo 加入了列锁定功能
11 楼 fins 2007-08-29  
tailsherry 写道
看了你的demo,总体感觉还不错。 有个小bug,帮你提一下。当拖放换列之后,再来调整某个列宽,好象就错位了。应该是拖放换列的时候,ID没有刷新。


谢谢,已经修正
10 楼 wangding263 2007-08-29  
请问fins:
当我翻页的时候:
1.多选checkbox后,翻页如何保存选中状态?

2.text如何保存文本里的值?

如果不解决这两个问题,我点下一页的时候,选中的checkbox和填写的text的信息都无法保存,是否考虑在新版本直接集成这个功能呢?

9 楼 bjwulin 2007-08-29  
8 楼 tailsherry 2007-08-29  
看了你的demo,总体感觉还不错。 有个小bug,帮你提一下。当拖放换列之后,再来调整某个列宽,好象就错位了。应该是拖放换列的时候,ID没有刷新。
7 楼 fins 2007-08-28  
谢谢大家的支持,今天又加了些功能,出了个新版本的DEMO.
但是随着功能的增加,代码又开始往混乱的方向上走了,我得重构一下代码了,为来几天就不来更新新DEMO了.

以后的DEMO开发计划:
行/列选中标识
列锁定, 更好的toolbar, 更好的popmenu
多行选择,多列选择, 矩形区域选择(类似EXCEL那样)
按列编组
支持子列表
新的风格主题,不能总是学EXT啊,呵呵.
......

总之,要先把展现层的功能弄好,弄全,然后是考虑与后台的数据传输和通讯,现在ECSIDE的CRUD操作实现的还不够好,打算重新设计.

=============================
to ncuboss
暂时不支持多列选择

请问 你要选择列做什么样的操作啊??

to 差沙

能上 但是不爱上 呵呵 不过为了你可以破例

to zxx218  
这个去圈子里问吧,最好把JSP代码也附带上.


to karisen   
你是?????
6 楼 karisen 2007-08-28  


不过魏兄 加油
5 楼 zxx218 2007-08-28  
ecside用checkbox,为何翻页checkbox就不见了?
4 楼 ncuboss 2007-08-28  
fins:我想问问在ECside里面如何能够做到选择多列数据??
在每行前面可以通过CheckBox得到。但是不知道如何能选择多列数据!
3 楼 差沙 2007-08-28  
你平时还有时间上qq么?
2 楼 crabboy 2007-08-27  
首先:感谢你为我们做了这么好的东东!
和ext相比,各有特色。本人打算在项目中使用你的东西了。
如有问题,向你汇报!
1 楼 wangding263 2007-08-27  
请问 现在的Ecside2.0可以和Dojo合成使用么?

相关推荐

    APP组件化学习Demo

    本文将基于“APP组件化学习Demo”这一主题,深入探讨组件化的核心概念、实现方式以及相关知识点。 首先,我们要理解组件化的概念。组件化是一种软件工程思想,它将应用程序拆分成多个独立的功能模块,每个模块称为...

    Cron表达式Demo

    在本示例"Cron表达式Demo"中,我们看到一个基于Visual Studio 2012开发的工具,用于生成和测试Cron表达式,这对于理解和调试定时调度任务非常有帮助。 Cron表达式通常由六个或七个由空格分隔的字段组成,分别代表秒...

    Spring Cloud 各组件Demo

    Spring Cloud 各组件Demo ,包含 Spring Cloud Eureka ,Spring Cloud Zuul , Spring Cloud Ribbon , Hystrix-Dashboard-Turbine 如有错误 ,请于本人联系 ,自会及时修改 , 防止误导他人

    android组件化Demo

    "android组件化Demo"是针对这一技术的一个实例项目,旨在帮助开发者理解和实践Android组件化。在这个项目中,开发者使用了Arouter作为不同组件之间的通讯工具。 首先,我们要理解什么是组件化。在Android应用开发中...

    HandyControl WPF第三方组件库,demo

    HandyControl WPF第三方组件库,demo

    Android 组件化demo

    本"Android组件化demo"提供了实践组件化的实例,通过在`gradle.properties`文件中切换`isDebug`变量来控制调试模式。 在Android开发中,组件化主要包括以下几个核心概念: 1. **模块化(Module)**:模块是应用的...

    android组件化demo

    这个"android组件化demo"提供了一个实现组件化的实例,它不仅包括了基础的组件,还集成了网络请求框架,使得开发者可以直接下载并应用于自己的项目中。下面,我们将深入探讨Android组件化以及相关知识点。 **组件化...

    Vue 组件间传值及事件触发Demo

    在Vue.js框架中,组件是构建用户界面的基本单元,它们可以独立地管理和更新各自的视图。组件间的通信是实现复杂应用交互的关键。本教程将详细讲解如何在Vue组件间进行值传递以及事件触发,帮助你更好地理解并运用...

    C# 自定义组件编辑器 Demo

    "C# 自定义组件编辑器 Demo" 是一个示例项目,它展示了如何在C#环境下构建这样一个编辑器。这个编辑器特别关注于下拉框、可展开的类型转换器、自定义UI属性编辑器以及下拉可视控件编辑器等功能。 首先,让我们详细...

    android组件化参考demo

    AndroidModulePattern-master ;android组件化参考demo;AndroidModulePattern-master ;android组件化参考demo;AndroidModulePattern-master ;android组件化参考demo;

    ecside demo

    这个“ecside demo”是一个演示项目,旨在帮助用户快速理解和掌握ecSide框架的基本用法。 **MVC架构** 在`ecSide`框架中,MVC模式被用来分离应用程序的业务逻辑、数据模型和用户界面。Model层处理数据和业务逻辑,...

    微信小程序demo组件:canvas股票分时图(源代码+截图)

    微信小程序demo组件:canvas股票分时图(源代码+截图)微信小程序demo组件:canvas股票分时图(源代码+截图)微信小程序demo组件:canvas股票分时图(源代码+截图)微信小程序demo组件:canvas股票分时图(源代码+截图)微信...

    .net 数据库访问组件源码及Demo

    本资源包提供了一套.NET数据库访问组件的源码和示例(Demo),这对于开发者来说是宝贵的参考资料,能够帮助他们理解和实现自己的数据库访问层。以下是对这些知识点的详细说明: 1. **数据库访问组件**:这是.NET...

    微信小程序组件功能测试demo

    这个"微信小程序组件功能测试demo"是用于展示和验证微信小程序各种组件功能的实例,它不作为实际应用发布,而是作为一个学习和测试工具。 在微信小程序中,组件是构建用户界面的基本单元,它们具有预定义的样式和...

    简单的COM组件DEMO(c#/c++)

    这些接口定义了组件提供的服务,使得其他应用程序可以通过接口来调用组件的功能,而无需了解组件的内部实现。COM组件的注册是在系统注册表中完成的,以便系统和其他程序能发现并使用它们。 接着,我们来看“强名”...

    微信小程序组件DEMO及案例

    在这个“微信小程序组件DEMO及案例”中,我们将会深入探讨微信小程序的组件系统及其在实际应用中的运用。 首先,让我们了解微信小程序的基础组件。微信小程序提供了丰富的组件库,包括视图层元素(如view、text)、...

    微信小程序demo:组件练习!实现大量基础功能!适用1122(源代码+截图)

    微信小程序demo:组件练习!实现大量基础功能!适用1122(源代码+截图)微信小程序demo:组件练习!实现大量基础功能!适用1122(源代码+截图)微信小程序demo:组件练习!实现大量基础功能!适用1122(源代码+截图)微信...

    纯C++建立的COM组件demo

    8. **代码示例**: ```cpp class CMyComponent : public IUnknown, public ISomeService { public: STDMETHODIMP QueryInterface(REFIID riid, void** ppvObject); STDMETHODIMP_(ULONG) AddRef(); ...

    谷歌官方架构组件demo

    【谷歌官方架构组件demo】是谷歌为开发者提供的一套用于构建高效、健壮且易于测试的Android应用的框架。这套组件主要包括MVVM(Model-View-ViewModel)架构模式中的几个关键部分,如ViewModel、LiveData以及Room...

Global site tag (gtag.js) - Google Analytics