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

53顶
2踩

Web前端

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

2012-03-21 15:00 by 见习记者 weakfi 评论(76) 有20183人浏览
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 条 请登录后发表评论
76 楼 jmd 2014-11-22 14:48
官方的实例已经放在自己的网站，大家可以查看。
http://ui.shuding.net,有1.X版本，也有2.0版本
75 楼 jmd 2014-11-22 14:47
官方的实例已经放在自己的网站，大家可以查看。
http://ui.shuding.net,有1.X版本，也有2.0版本
74 楼 royee2007 2012-03-25 09:56
貌似IE9对树组件支持不好，都打不开
73 楼 sun059111 2012-03-25 06:25
相信金蝶的实力，应该比一些依靠个人做起来的UI稳定
72 楼 shengchuan1949 2012-03-24 21:37
JDK1.5下有问题，跑不了。
71 楼 huihuilou 2012-03-24 15:16
着力于良好的帮助文档，将是关键。顶一个！
70 楼 peak 2012-03-24 09:53
这套皮肤有点太专业了，就像iteye一样
69 楼 JE帐号 2012-03-23 23:14
THX.
考虑在一个小项目里使用.希望项目持续下去!
68 楼 zhangsatanyang 2012-03-23 13:55
就一套皮肤吗？感觉不太好看啊
67 楼 二十一 2012-03-23 11:41
咋还是打不开，怎么了
66 楼 kingbobo 2012-03-23 09:03
sun059111 写道
我也用AOM四年了，原来用AOM jsf的框架，现在用aom ui，金蝶的东西还是不错的。

这么些年；都不见你过来kingdee应试呢？来吧那里欢迎你
65 楼 sun059111 2012-03-23 08:27
我也用AOM四年了，原来用AOM jsf的框架，现在用aom ui，金蝶的东西还是不错的。
64 楼 wuyoubf 2012-03-22 22:34
好东西，值得用！
63 楼 yq5858588 2012-03-22 18:17
好东西我一直想用
62 楼 nplw668 2012-03-22 17:45
demo看了下，比上次发布好多了。
grid，感觉不是太好，每次翻页，那个层的背景色能否调整下，晃眼呀。
61 楼 weakfi 2012-03-22 17:18
yushine 写道
extdev 写道
把jquery.ui.widget.js和jquery.ui.core.js 进行了合并，改名为 om-core.js

实质上还是jquery ui，改了名称，是否有侵权嫌疑？

我也想问

首先，jQuery UI源码的协议时GPL和MIT双协议的。
然后，这两个文件不是单单合并这么简单，我们在上面针对OM-UI做了很多的改进，感兴趣的可以下载jQuery UI和om-core.js比较看看
60 楼 yushine 2012-03-22 16:51
extdev 写道
把jquery.ui.widget.js和jquery.ui.core.js 进行了合并，改名为 om-core.js

实质上还是jquery ui，改了名称，是否有侵权嫌疑？

我也想问
59 楼 extdev 2012-03-22 16:41
把jquery.ui.widget.js和jquery.ui.core.js 进行了合并，改名为 om-core.js

实质上还是jquery ui，改了名称，是否有侵权嫌疑？
58 楼 chenmouren 2012-03-22 15:43
特来祝贺~
57 楼 ariestiger 2012-03-22 12:58
这个omGrid跟jqGrid也太像了，　但反正也开源了，　挺好的

发表评论

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

相关推荐

  • 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，推出基于第一款基于动态语言的开...

  • 《CSS样式表行为手册》中文chm最新版本

    CSS样式表里重点讲述“行为”功能的一本CHM参考手册，很实用方便，内容也很丰富，收藏一下哦！

  • 1-中国各地区-固定资产投资-房地产开发投资情况（1999-2020年）-社科数据.zip

    中国各地区固定资产投资中的房地产开发投资数据集涵盖了1999至2020年的详细统计信息。该数据集包含了全国各城市地级市州的房地产开发投资情况，这些数据对于理解中国城市化进程、经济发展和房地产市场趋势至关重要。数据集中的指标包括年份、地区以及对应的房地产开发投资额（以亿元为单位），这些数据来源于中国区域统计年鉴及各省市统计年鉴。通过这些数据，研究者和决策者可以深入了解不同地区的经济动态，评估房地产市场的健康状况，并据此制定相应的政策和战略。这些数据不仅有助于宏观经济分析，还能为房地产开发商提供市场进入和扩张的决策支持。

  • 1-中国各地区数字经济发展对环境污染的影响数据（2011-2021年）-社科数据.zip

    中国各地区数字经济发展对环境污染的影响数据集（2011-2021年）提供了深入分析数字经济与环境污染关系的实证数据。该数据集涵盖了中国各地区在数字经济发展水平、环境污染物排放量、人口与经济指标、外资利用情况以及绿色专利指标等多个维度的数据。具体来说，数据集包括了行政区划代码、年份、所属省份等基本信息，以及数字经济水平熵值法、PM2.5均值、工业烟粉尘排放量、工业二氧化硫排放量、工业废水排放量等关键指标。此外，数据集还涉及了人口密度、人均地区生产总值、实际利用外资额占GDP之比、科学支出占比等经济和人口统计数据，以及绿色专利申请和授权总量等创新指标。这些数据不仅有助于研究者探讨数字经济对环境污染的直接影响，还能分析其潜在的中介机制和影响因素，为理解数字经济如何影响环境质量提供了宝贵的数据资源。

  • 1-中国各区县-工业行业企业数2004-2020年-社科数据.zip

    中国各区县工业行业企业数数据集覆盖了2004至2020年的时间跨度，提供了全国范围内区县级工业企业数量的详细统计。这些数据不仅能够反映中国工业企业的发展趋势和分布状况，而且对于研究工业行业的区域差异、发展质量和效益具有重要意义。数据集中包含了省份、地区、时间以及工业行业企业数目等关键指标，总计超过33000条数据记录。这些数据来源于各地方统计局，并经过整理，为研究者提供了一个宝贵的资源，以支持对中国经济特别是工业行业的深入分析和研究。

  • BGM坏了吗111111

    BGM坏了吗111111

  • 毕业设计&课设_主要语言为 Java，含相关文件及配置.zip

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

  • Puppet 模块用于安装和管理 Python、pip、virtualenvs 和 Gunicorn 虚拟主机 .zip

    puppet-python The Puppet module is used to install and manage python, pip, virtualenvs, and Gunicorn virtual hosts. Please note that the module stankevich/python has been deprecated and is now available under Vox Pupuli: puppet/python. Usage For usage of classes, see Resources. If contributed, update to bundle exec rake strings:generate\[',,,,false,true'] hierarchical configuration. This module supports configuration through hiera. The following example creates two python3 virtual environments.

  • WorldPO连接器标准尺寸及其选型指南，包含1.27mm、0.8mm、0.5mm间距的高速连接器

    WORLDPO（沃德披欧）是在政策支持下，成功做出对标进口品质和多达15个系列型号的连接器品牌，并且在专业机构的检测下，成功通过ISO 9001认证，FCC认证，CE认证。 内容概要：本文档为WorldPO连接器产品的选型手册，详细介绍了多种型号连接器的产品规格和参数， 包括标准的引脚间距（1.27mm、0.8mm、0.5mm、0.635mm等）、具体的引脚数量（如6-500针）、各式引脚样式（如贴片式、直插式等）、电镀方式（金镀层厚度不同）、 此外，还提供了配对合高高度、接触材料、电流负载能力、额定电流、不同型号的最大插拔次数和温度范围以及操作环境条件等多种关键属性说明。文中所有技术数据均有详细的图表辅助解读，方便用户快速查找所需参数。此外，还支持非标准定制服务。 使用场景及目标：帮助用户快速查找并选择适合自己应用需求的电连接器型号。例如，针对不同的信号传输要求，如高速数据传输、电力供应或是模拟信号传输，可以选择具有相应特性的连接器。 可以通过直接联系供应商来获取进一步的支持和服务建议。 其他说明：文档末尾提供联系人邮箱和电话，方便客户进行业务洽谈和技术支持查询。

  • 操作系统概述期末复习题（含解析）

    操作系统期末复习题

  • 毕业设计&课设_博客系统，含前后端技术，附搭建教程，曾获优秀毕业论文及展示页面截图.zip

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

  • 个人原创STM32F1 BOOTLOADER，主控芯片为STM32F103VET6

    F103BL 是BOOTLOADER，需要通过仿真器进行写入； F103Usr 是一个用户程序编写实例； SW_BootLoader 是QT写的上位机，在BL的模式下通过串口和这个上位机将用户程序写入芯片； STM32的程序是利用uVision5.36编译 SW_BootLoader 是用QT5.15.2编译的

Global site tag (gtag.js) - Google Analytics