`
zyf0808
  • 浏览: 19201 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

UI组件的选型 征求意见

阅读更多

各位朋友:

        最近项目中搭建框架,准备选一套比较优秀的UI组件,我先后研究了几个,都是初步在尝试了解各个组件的功能。大家有什么好的建议么?

        找寻了一个星期,研究了几天dhtmlxGrid,后来发现了ext,大家觉得哪个好呢?

        个人觉得,前者适合数据应用,开发也容易些,就是界面不太好看,提供的功能也蛮强大;后者呢,界面美观,提供的数据接口也比前者多,比如可以通过json接口与服务器端进行数据交互,但是比如遇到换行符,或者其它特殊字符,是不是有解析问题?另外效率如何?

  新人希望得到大家的意见,以前是做.net的,虽然也写过些java,但是对于java框架性的东西还需要深入学习,下一步的目标是,使用jsonReader,来跑一个完整的b/s应用,测试一下效率和json解析的问题。如果哪位朋友有demo,可以参考一下最好,如果有正在研究ext的朋友,希望大家一起交流,我的MSN: zhyf0808@hotmail.com

       javaeye的第一篇帖子,希望得到大家的响应。这几天很多资料都是在这里发现的,果然是java的好论坛,越来越喜欢了。

分享到:
评论
14 楼 zyf0808 2007-09-20  
to jellyme:
能发下你的讨论贴地址不?我们也是有选择地用,并非全盘依赖extjs
13 楼 jellyme 2007-09-18  
如果是大型企业级Web应用,不建议使用Extjs,个中原因我在另一个选型讨论帖中有详细的说明。

另外,如各位有兴趣可以试用一下Netsuite,看看它的布局、控件、交互方式和页面源文件,一定受益匪浅。
12 楼 chen4w 2007-09-18  
我自己曾经通过dhtmlxGrid的dhtmlxGridCell继承机制建立了一套UI组件。感觉其存在以下问题:
1.默认实现的组件功能有限
2.没有提供规范的API及文档
3.缺乏事件侦听机制
4.参数传递繁琐

以上几点正好是Ext解决的比较好的地方
1.Ext提供了与C/S UI组件相当的默认组件
2.与C/S 类似的API及文档
3.较完善的事件侦听机制。
4.name/value型的参数传递,简洁实用。

可以说Ext定位的目标要远远高于dhtmlxGrid
11 楼 zyf0808 2007-09-13  
ext的grid支持行拖拽么?列是可以的
10 楼 unifly 2007-09-12  
UI不用Ext用什么?……哈
9 楼 lonelyblue 2007-09-12  
Ext的API Doc蛮详细的,就是Config options中的某些参数需要从源码里面抠;
论坛也比较活跃,一般的问题都可以在论坛搜索到。
8 楼 dlee 2007-09-12  
选择一个Ajax组件库,文档的丰富程度也要作为一个主要的考虑因素。

目前来说,Prototype/Scriptaculous和jQuery的文档是最全的,围绕它们已经有多本书籍出版。Ext的文档仍然不是很丰富。Dojo和Mootools的文档也不多。
7 楼 zyf0808 2007-09-12  
  /************************************************************
    *   删除操作
    *   需要确认才能进行该操作
    ************************************************************/
    function doDel(){
        var m = grid.getSelections();
        if(m.length > 0)
        {
        Ext.MessageBox.confirm('Message', 'Do you really want to delete them?' , doDel2);
        }
        else
        {
        Ext.MessageBox.alert('Error', 'Please select at least one item to delete');
        }
    }    
     
    function doDel2(btn)
{
       if(btn == 'yes')
       {
            var m = grid.getSelections();
            var jsonData = "[";
            for(var i = 0, len = m.length; i < len; i++){       
                var ss = "{\"id\":\"" + m[i].get("id") + "\"}";
                alert(ss);
                if(i==0)
                    jsonData = jsonData + ss ;
                else
                    jsonData = jsonData + "," + ss;
                ds.remove(m[i]);
            }
                    jsonData = jsonData + "]";
                    ds.load({params:{start:0, limit:myPageSize, delData:jsonData}});
            }
}
请教一下:这个delData:jsonData是怎么传递到服务器端的?有没有高人总结一下传递参数方面的东西?就是与服务器端交互的东西?谢谢哦
6 楼 zyf0808 2007-09-10  
还有些朋友推荐Jquery,这两个大家觉得哪个优势明显呢?我们要整合到自己的框架里,要考虑风险,可维护性等等。谢谢大家
5 楼 deeprising 2007-09-08  
建议你看看ZK:http://www.zkoss.org/
4 楼 lonelyblue 2007-09-08  
不好意思,离题一下;请问你能换下头像吗?
太恶心了,有碍观瞻,所以。。。。。
3 楼 zyf0808 2007-09-07  
顺便在这里讨论一个问题,如果我的数据库里有换行符等特殊符号,要在grid显示的时候,也能换行显示,grid能做得到么?还是需要改一些东西呢? 我在mysql里试验过了,字段数据中加入\r,\r\n(\r\n的效果和\r一样),都不能在grid中换行显示,而是只显示了空格。这个问题怎么解决呢?
2 楼 zyf0808 2007-09-07  
谢谢楼上的朋友,最近也正在研究ext,刚刚跑通它的xml和json格式的数据传输,正在比较性能。另外需要扩展它的ui功能,比如行的拖拽等等
1 楼 fangzhouxing 2007-09-07  
推荐ext。

[url]http://extjs.com/ [/url]

其中的英文论坛积累了非常丰富的经验和知识,只要能善加利用,就能减轻新技术必然会带来的“阵痛”。

相关推荐

    IPHONE IPAD UI组件

    UI组件是构建这些界面的基础元素,它们包括按钮、滑块、开关、表单、导航栏、标签页、弹出框等。这些组件在设计时不仅要考虑功能性和易用性,还要注重美学和一致性,以符合Apple的人机交互指南(Human Interface ...

    在vue项目中引入高德地图及其UI组件的方法

    高德地图作为国内地图服务的佼佼者,提供了丰富的API和UI组件,使得开发者可以方便地在Vue项目中引入地图服务和相关UI组件。 首先,在引入高德地图之前,需要去高德开放平台申请一个API Key。在获取了API Key后,就...

    微信小程序Color UI组件库

    【微信小程序Color UI组件库】是专为微信小程序设计的一款CSS类UI组件库,它强调的是视觉交互体验和设计美感。作为一个非JavaScript框架,ColorUI的核心在于提供一系列预定义的CSS样式,帮助开发者快速构建美观、...

    前端实用UI组件库

    在前端开发领域,UI组件库扮演着至关重要的角色,它们为开发者提供了丰富的预设样式和交互功能,大大提升了开发效率和界面一致性。本篇文章将详细探讨两个热门的UI组件库——Element UI和IView,以及它们与Vue.js...

    大屏特效,包括UI源文件 ,UI组件!

    大屏特效,包括UI源文件 ,UI组件!大屏特效,包括UI源文件 ,UI组件!大屏特效,包括UI源文件 ,UI组件!大屏特效,包括UI源文件 ,UI组件!大屏特效,包括UI源文件 ,UI组件!大屏特效,包括UI源文件 ,UI组件!...

    C#开发全套31个UI组件Winform 开源共享,winform第三方开源ui库,C#

    本资源就是一个专注于C# WinForm的开源UI组件集合,包含31个不同类型的UI组件,为开发者提供了更多设计和功能上的可能性。 首先,我们要理解什么是UI组件(User Interface Components)。UI组件是构成用户界面的...

    sketch IOS UI组件库

    Sketch IOS UI组件库,安装即可自动加载到Sketch中,省去自己建库的时间。

    ThorUI组件库,轻量、简洁的移动端组件库

    ThorUI组件库,uni-app版本,v3编译,支持nvue uni-app编译模式(原weex编译模式),easycom组件模式(无需手动引入,开发工具自带智能感知) 网站介绍 https://www.thorui.cn/ ThorUI组件文档 ...

    新拟态风格UI组件库

    新拟物风格的数据呈现UI组件 Sketch源文件 人员信息/音视频/开关/卡片/进度条/数据表/多选框等等

    基于快应用 的多功能、富交互、轻量级的UI 组件库.zip

    在这个名为"基于快应用 的多功能、富交互、轻量级的UI组件库.zip"的压缩包中,我们看到的是一个专门针对快应用开发的UI组件库。 这个组件库命名为"qapp-ui-master",表明它是快应用(QApp)用户界面的一个主版本。...

    ViewUI组件库 v4.7.0.zip

    ViewUI组件库是一款广泛应用于前端开发的开源工具,版本号为v4.7.0,主要为开发者提供了丰富的用户界面元素和组件,便于快速构建美观且功能强大的Web应用。这个压缩包包含了该版本的全部资源,是软件工具、源码源...

    jQuery UI组件 jQuery UI

    **jQuery UI组件详解** jQuery UI 是一个强大的前端开发框架,基于流行的JavaScript库jQuery构建,它提供了丰富的用户界面组件,能够帮助开发者快速构建交互性、视觉吸引力强的网页应用。jQuery UI 包含了大量的...

    参照Vant-Weapp开发的抖音原生小程序UI组件库.zip

    【标题】"参照Vant-Weapp开发的抖音原生小程序UI组件库"指的是一个基于Vant-Weapp设计思路创建的,专为抖音小程序设计的原生UI组件集合。Vant-Weapp是一个轻量级的小程序组件库,它在微信小程序中广泛使用,以其简洁...

    Android UI控件组件库集合【源码】

    这个"Android UI控件组件库集合【源码】"提供了多种常用的UI控件及其源代码,旨在帮助开发者构建更加美观、功能丰富的应用界面。下面我们将详细探讨这些控件以及它们在实际开发中的应用。 1. **流式布局...

    VueUI组件开发环境

    VueUI组件开发环境是专为Vue.js框架设计的,用于创建、测试和演示自定义UI组件的集成开发环境。这个环境让开发者能够高效地构建可重用的前端组件,提升开发效率并保持代码的模块化。Vue.js是目前非常流行的一个...

    基于vue3的炫酷风格ui组件库

    基于vue3的炫酷风格ui组件库。基于vue3的炫酷ui组件库 特点:活力性 可玩性 原子性 组件库使用方式参考elementUI 使用 # npm npm install viog-ui #yarn yarn add viog-ui 特殊标注样式属性请添加前缀--vi-组件...

    UI组件(ext jquery ucren)

    标题中的“UI组件(ext jquery ucren)”提及了三个关键词:EXT、jQuery和ucren,这些都是在Web开发中常见的UI(用户界面)组件库。接下来,我们将详细探讨这三个技术及其在构建用户界面中的作用。 EXT是一个强大的...

    安卓UI布局相关-AndroidUI组件库各种好看的组件.rar

    本资源"安卓UI布局相关-AndroidUI组件库各种好看的组件.rar"提供了多种美观的UI组件,供开发者们在构建应用时参考和使用。虽然无法确保每个组件都能直接运行,但它们可以作为学习和灵感的来源,开发者可以根据自己的...

    Cocos Creator引擎开发:UI组件开发

    Cocos Creator引擎开发:UI组件开发_(10).CocosCreator中UI组件的国际化处理.docx Cocos Creator引擎开发:UI组件开发_(11).CocosCreatorUI组件与数据绑定.docx Cocos Creator引擎开发:UI组件开发_(12).Cocos...

    一个基于Vue20的移动UI组件库

    在移动应用开发领域,为了简化界面设计和提高开发效率,UI 组件库扮演了至关重要的角色。"一个基于Vue20的移动UI组件库" 提供了一个专门针对 Vue 2.0 的解决方案,旨在帮助开发者快速构建美观且符合规范的移动应用...

Global site tag (gtag.js) - Google Analytics