资讯频道 → Web前端
阅读更多

53顶
2踩

Web前端

原创新闻 OperaMasks-UI V1.1正式版发布

2012-03-21 15:00 by 见习记者 weakfi 评论(76) 有20184人浏览
jquery ui OM-UI OperaMasks-UI 企业应用开发组件

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

 


OperaMasks UI V1.1 正式版发布了。下载地址：http://ui.operamasks.org/website/download.html

新特性概览：http://www.operamasks.org/blog/?p=224

示例页面：


此版本对比之前的v1.0作了较多的改进，把一些核心文件进行了合并，重写了部分组件结构，使其为统一的widget模式，添加了新的组件和插件，如omItemSelector,omPanel 和omBorderLayout。在内部结构上也进行了很多统一，如统一的处理事件机制等。另外也修复了一些重要的bug。


新特性
1. 添加了五个新的组件:
  • omItemSelector: 一个左移右移组件
  • omPanel: 面版是一个布局组件，同时也是一个展示内容的容器
  • omBorderLayout: 页面布局基础组件，把页面拆分为north,south,west,center,east（上、下、左、中、右）5个区域，除了center是必须设置的之外其他的都是可选的
  • omProgressbar: 进度条组件，一般用来呈现任务完成的进度情况。
  • omTooltip: 提示组件,当某个链接、表单、输入框等需要做功能向导提示的时候可以使用本组件。
2. 添加了两个omGrid插件
  • omGridSort: 一个grid的排序插件，可让grid支持客户端排序和服务端排序，单独使用omGrid时，要额外导入om-grid-sort.js和om-grid-sort.css这两个文件
  • omGridRowExpander: 一个grid的行展开详情插件，可定制grid每一行的详情信息，并随意展开与收缩，单独使用omGrid时，要额外导入om-grid-rowexpander.js和om-grid-rowexpander.css这两个文件
3. 组件新特性 omTree支持简单的数据模型，该模型是线性的，意味着后台模型可以直接为一个List，极大简化了后台模型。


改进
  • 统一所有组件基于widget模式开发，使组件更具一致性。
  • 把单个组件中用到的图片进行合并。
  • 内部统一了事件的触发机制,统一触发事件时event作为最后一个参数进行传递，统一事件触发函数中的this为jquery对象。
  • 内部添加对组件销毁的监控，避免用户自行调用组件的remove方法删除组件时造成内存泄漏。
  • 优化了组件的重新初始化，v1.0版本组件重新初始化(如第二次调用 $("#acc").omAccordion({/**some config**/}))不太完善，很多属性重新初 始化后并不会生效，本版本进行了较大的改进。
  • 改进了组件的国际化，从每一个国际化组件占用jQuery一个名称空间改为所有国际化组件共用$.om.lang这个单独的名称空间，减少名称空间污染，并把国际化处理逻辑 移至om-core.js。
  • 修改了omMenu和omButton的样式。



升级说明(从v1.0 到 v1.1)
本版本的升级非常简单，只有几个要点需要注意：
  • 在组件的事件监听器中，event参数统一改为最后一个参数，所以监听器有event参数的要重新更改一下参数顺序(如omFileUpload组件事件监听器)
  • 事件监听器中的this现在统一改为jquery对象，之前可能表示dom节点，也可能表示jquery对象，还可能是组件实例
  • 凡是以前使用到类似jquery.ui.mouse.js，jquery.ui.position.js这样的功能性文件时，记得现在要换为以om前缀开头的， 比如，以前你导入了jquery.ui.mouse.js，现在要改为om-mouse.js



文件变更
  • 把jquery.ui.widget.js和jquery.ui.core.js 进行了合并，改名为 om-core.js，并修改了部分代码。
  • 把jquery.ui.mouse.js，jquery.ui.position.js等功能性文件名全部改为以om为前缀，如jquery.ui.mouse.js改为om-mouse.js


重要bug修复
  • [AOM-328] - omTree的refresh方法不能刷新到最新数据
  • [AOM-434] - validator 插件校验成功后没有将错误信息标签隐藏
  • [AOM-435] - css合并时出现问题，导致grid样式出现错误
  • [AOM-438] - omMenu当菜单项文字过长时样式混乱
  • [AOM-441] - numberfield在chrome中文输入法下有问题
  • [AOM-442] - om-tabs在添加很多个页签后，当页签头的宽度超过5000px的时候出现换行。
  • [AOM-444] - omGrid在IE6下内容过长时表头表体对不齐
  • [AOM-448] - 如果右键菜单具有子菜单,会导致横向滚动条出现
  • [AOM-451] - om-numberfiled基本用法时,输入: 0000、000000.3、.3、-00000这类数据时并不会自行修正
  • [AOM-456] - omTab关闭页签之后下一步总是打开第一个页签
  • [AOM-458] - omTree监听omDrag事件报错
  • [AOM-461] - 全局事件绑定方式可能引发内存泄漏
  • [AOM-463] - 当单独引入om组件(不包括jquery开头的文件), 另外引入jquery UI组件库时页面报错:"Cannot read property 'prototype' of undefined" [AOM-484] - menu键盘操作向上有问题

 

来自: OperaMasks
53
顶
2
踩
评论 共 76 条 请登录后发表评论
56 楼 qing1000 2012-03-22 09:34
源码确实比较读懂，修改比较容易，但是官方网站确实比较难访问啊
55 楼 mfkvfn 2012-03-22 08:37
alyouge 写道
网站死了，打不开了！

见28楼的回复。
54 楼 mfkvfn 2012-03-22 08:37
dingchao.lonton 写道
这里有没有 作品的作者呢，留个QQ吧，以后可以向你们学习UI的开发，谢谢了


在论坛里发帖就行了。置顶帖子里面有几个QQ的群，你可以加进去与OperaMasks爱好者们交流。
53 楼 mfkvfn 2012-03-22 08:35
dingyuan 写道
messagetip这个组件只能显示在右下角，似乎不太人性化，因为比较宽的浏览器如果在右下角显示，根本不大能看得到提示，能否提供多一个配置，让这个提示能居中显示呢?


那就可以用dialog。messageTip就是用于右下角弹出提示用的，就像QQ的新闻或邮件提示那样，只可以用样式进行少量的位置移动，如果要居中可以用dialog或messageBox
52 楼 dingyuan 2012-03-22 01:38
messagetip这个组件只能显示在右下角，似乎不太人性化，因为比较宽的浏览器如果在右下角显示，根本不大能看得到提示，能否提供多一个配置，让这个提示能居中显示呢?
51 楼 yidao620c 2012-03-22 00:18
kingbobo 写道
大家一起来；顶起这个好东西吧

确实很不错，顶过程的优秀开源软件。  
50 楼 hlylove 2012-03-21 22:51
omPanel、omBorderLayout终于有面板和布局了
49 楼 dingchao.lonton 2012-03-21 18:53
这里有没有 作品的作者呢，留个QQ吧，以后可以向你们学习UI的开发，谢谢了
48 楼 alyouge 2012-03-21 18:21
网站死了，打不开了！
47 楼 chl2008 2012-03-21 17:43
look look
46 楼 mfkvfn 2012-03-21 17:36
miniui还是收费的。汗
45 楼 mfkvfn 2012-03-21 17:34
lyg8266 写道
不知道有没有人发现miniui的网站整个一个operamasks.org和ui.operamasks.org的翻版，连文字都不改这个可不太好呢！


确实是翻版(OperaMasks.org网站绝对是公司美工专门设计的，没有抄袭其它网站)。上面的导航菜单和下面的内容样式严重不和谐。
44 楼 matt911 2012-03-21 17:32
不错！~~加油！！
  做为一个新手，学习起来很容易！！总用EXT看着有点潮。。
43 楼 testfor1 2012-03-21 17:28
肉肉世界 写道
lyg8266 写道
testfor1 写道
希望加强grid相关功能，并且多提供几个模板，可以参考一下jquery miniui的设计，可惜那个是不开源的，希望OperaMasks UI借鉴一下它的功能。

不知道有没有人发现miniui的网站整个一个operamasks.org和ui.operamasks.org的翻版，连文字都不改这个可不太好呢！

见识了，这样也行

跑题了。。。不过miniui的功能设计和DEMO确实比较实用。
42 楼 肉肉世界 2012-03-21 17:27
lyg8266 写道
testfor1 写道
希望加强grid相关功能，并且多提供几个模板，可以参考一下jquery miniui的设计，可惜那个是不开源的，希望OperaMasks UI借鉴一下它的功能。

不知道有没有人发现miniui的网站整个一个operamasks.org和ui.operamasks.org的翻版，连文字都不改这个可不太好呢！

见识了，这样也行
41 楼 lyg8266 2012-03-21 17:19
testfor1 写道
希望加强grid相关功能，并且多提供几个模板，可以参考一下jquery miniui的设计，可惜那个是不开源的，希望OperaMasks UI借鉴一下它的功能。

不知道有没有人发现miniui的网站整个一个operamasks.org和ui.operamasks.org的翻版，连文字都不改这个可不太好呢！
40 楼 肉肉世界 2012-03-21 17:12
肉肉世界 写道
weakfi 写道
OperaMasks-UI 的 Roadmap公布了。

http://ui.operamasks.org/website/roadmap.html

给力！mobile领域不容易的哦。

下载的网速有点慢，好像官网上添加了网盘下载...
39 楼 kingbobo 2012-03-21 17:06
awol2005ex 写道
暂时还是连ligerui 都比不上 , 在IE显示有点问题 ， omTab试过设置动态内容后切换tab时，内容会被刷掉； omGrid 列都不能拖动

你那捐赠号多少啊？
我给一元；源代码发给我
awol2005ex 写道
暂时还是连ligerui 都比不上 , 在IE显示有点问题 ， omTab试过设置动态内容后切换tab时，内容会被刷掉； omGrid 列都不能拖动

ligerui,佩服你的能力
好像ligerui问题多多呢？
omui有问题；慢慢会改善的；
如果你的产品一样会变的；所以要有用公评的直观发表意见；
38 楼 肉肉世界 2012-03-21 17:02
weakfi 写道
OperaMasks-UI 的 Roadmap公布了。

http://ui.operamasks.org/website/roadmap.html

给力！mobile领域不容易的哦。
37 楼 weakfi 2012-03-21 17:01
OperaMasks-UI 的 Roadmap公布了。

http://ui.operamasks.org/website/roadmap.html

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • jQuery2.0应用开发:SSH框架整合jQuery2.0实战OA办公自己主动化(VSS、operamasks-UI框架)...

    我的qq是2059055336，对这个课程有兴趣的能够加我qq联系。...jQuery2.0正式版公布。不在支持IE6/7/8浏览器。因此该版本号更小、更快。 为了提高现代社会人们的办公效率。满足人们自己主动化办公的须要，我们开...

  • jQuery2.0应用开发:SSH框架整合jQuery2.0实战OA办公自动化(VSS、operamasks-UI框架)

    jQuery2.0应用开发:SSH框架整合jQuery2.0实战OA办公自动化(VSS、operamasks-UI框架)  我的qq是2059055336，对这个课程有兴趣的可以加我qq联系。 课程下载地址：...

  • java中opearation_在OperaMasks中使用ELite和JRuby动态语言的秘笈

    如何在OperaMasks中使用动态语言1. 前言2. 在OperaMasks中使用ELite2.1. ELite的介绍2.2.... 前言随着微软正式发布IronPython，推出基于第一款基于动态语言的开源编程工具；紧接着Sun又正式对外宣...

  • 如何在Operamasks中使用动态语言？

    1. 前言随着微软正式发布IronPython，推出基于第一款基于动态语言的开源编程工具；紧接着Sun又正式对外宣布收购JRuby，Ruby将成为JVM支持的第一个动态语言，动态语言一直围绕在我们的身边。如何使用动态语言给我们...

  • 如何在Operamasks中使用ELite和JRuby两种动态语言？

    随着微软正式发布IronPython，推出基于第一款基于动态语言的开源编程工具；紧接着Sun又正式对外宣布收购JRuby，Ruby将成为JVM支持的第一个动态语言，动态语言一直围绕在我们的身边。如何使用动态语言给我们编写Java ...

  • jQuery2.0应用开发:SSH框架整合jQuery2.0实战OA办公自动化

    jQuery 2.0 正式版发布，不在支持 IE 6/7/8 浏览器。因此该版本更小、更快。 为了提高现代社会人们的办公效率，满足人们自动化办公的需要，我们开发了这套稳定可靠、操作方便、安全有效的MyOffice系统 ...

  • 参与评选开源软件名单

    afinalAfinal 是一个android的 orm 和 ioc 框架。...Alice UIAlice 是支付宝前端样式解决方案小组的项目代称，其包括构建样式库的样式库解决方案、帮助团队理解新技术的 W3C 标准文档库和正在进行中...当前票

  • 2012年度最受欢迎中国开源软件评选

    afinal Afinal 是一个android的 orm 和 ioc 框架。而且封装了android中的httpClient，使其更加简单易用。使用finalBitmap，无需考虑bitmap在and......Alice UI Alice 是支付宝前端样式解决方案小组的项目代称

  • AOM中使用动态语言

    在AOM中使用动态语言 1. 前言 2. 在AOM中使用ELite 2.1. ELite的介绍 2.2. 在AOM中使用ELite 3. 在JSF中使用Ruby ...随着微软正式发布IronPython，推出基于第一款基于动态语言的开...

  • spring 异步编程样例

    spring 异步编程样例

  • 带有 python 3 和 opencv 4.1 的 Docker 映像.zip

    带有 python 3.7 和 opencv 4.1.0 的 Docker 映像用法docker run -it jjanzic/docker-python3-opencv python>>> import cv2带有标签的图像包含使用contrib 模块:contrib构建的 docker 镜像可用的docker标签列表opencv-4.1.0（latest分支）contrib-opencv-4.1.0（opencv_contrib分支）opencv-4.0.1contrib-opencv-4.0.1opencv-4.0.0contrib-opencv-4.0.0opencv-3.4.2contrib-opencv-3.4.2opencv-3.4.1contrib-opencv-3.4.1opencv-3.4.0contrib-opencv-3.4.0opencv-3.3.0contrib-opencv-3.3.0opencv-3.2.0contrib-opencv-3.2.0

  • 原生js鼠标滑过文字淡入淡出效果.zip

    原生js鼠标滑过文字淡入淡出效果.zip

  • 1-中国各省、市、区、县距离港口和海岸线的距离计算代码+计算结果-社科数据.zip

    中国各城市、区、县距离港口和海岸线的距离数据集提供了全国各城市及区、县的坐标信息，以及各个港口和海岸线的坐标信息。通过R语言计算，得出了各城市、区县与港口和海岸线之间的距离。该数据集包含了各港口的经纬度、各城市与港口之间的距离、各区县与港口之间的距离、中国各城市质心与港口的最近距离、中国各城市质心与海岸线的距离、中国各区县质心与港口的最近距离以及中国各区县质心与海岸线的距离等指标。此外，还涉及中国各省距离海岸线的距离数据。港口等级划分参考了《全国沿海港口布局规划》，包括上海港、大连港等45个港口。数据集覆盖了全国31个省及直辖市，是研究地理、经济和规划等领域的宝贵资源。

  • 为 Spring Web 应用提供 OAuth1 (a) 和 OAuth2 功能支持.zip

    1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。

  • 信号处理和通信系统模型中的模拟电路效应simulink.rar

    1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手

  • Python错误集合.doc

    Python错误集合.doc

  • 1-中国全球投资追踪相关数据（2005-2023年）-社科数据.zip

    《中国全球投资追踪》数据库提供了2005至2023年间中国在全球范围内的投资和合同的详细记录，不包括债券。该数据库由中国海外直接投资（ODI）和建筑合同两大部分组成，覆盖全球多个国家和地区，涉及能源、交通、通信等多个行业领域。这份追踪数据集包含4142条样本，以面板数据格式呈现，主要指标包括年份、月份、投资方、投资量（单位：百万美元）、交易类型、行业、子行业、国家、地区、是否为“一带一路”倡议相关项目、绿地投资等。这份追踪数据是政策制定者、学者、企业和公众理解中国在全球经济中角色的重要资源，有助于分析中国的全球战略和经济目标。

  • 原生js广告代码制作可展开关闭的页面上固定的图片对联广告代码.rar

    原生js广告代码制作可展开关闭的页面上固定的图片对联广告代码.rar

  • 1-中国各地区普通小学毕业生数（1999-2020年）-社科数据.zip

    这组数据涵盖了1999至2020年间中国各地区普通小学毕业生的数量。它为我们提供了一个深入了解中国教育领域中普通小学阶段教育水平和教育资源分配情况的窗口。通过分析这些数据，可以为制定科学合理的教育政策提供依据，同时，通过比较不同城市的普通小学毕业生数，也能为城市规划和劳动力市场调查提供参考。数据来源于中国区域统计年鉴和中国各省市统计年鉴，包含了8472个样本，以面板数据的形式呈现。这些数据对于掌握中国教育态势具有重要的参考价值。

  • 用于模拟三角模糊隶属度的 Simulink 函数.rar

    1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手

Global site tag (gtag.js) - Google Analytics