OperaMasks-UI V1.1正式版发布

资讯频道 → Web前端

53顶
2踩

2012-03-21 15:00 by 见习记者 weakfi 评论(76) 有20239人浏览

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也太像了，　但反正也开源了，　挺好的

发表评论

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

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

不平衡电网电压下基于Simulink的虚拟同步发电机模型预测控制研究与实现

内容概要：本文详细介绍了针对不平衡电网电压情况下的虚拟同步发电机（VSG）模型预测控制（MPC）的研究与实现。主要内容涵盖正负序电流分解、模型预测控制的核心算法设计、代价函数优化、电压矢量选择策略等方面。文中通过MATLAB/Simulink平台进行了详细的建模与仿真，展示了MPC在抑制电流畸变、稳定功率输出方面的显著优势。仿真结果显示，在电网电压不平衡情况下，MPC能够将电流THD从12%降至4.8%，功率波动从±15%减小到±3%以内。适合人群：电力电子工程师、自动化控制研究人员、新能源并网技术人员。使用场景及目标：适用于解决电网电压不平衡导致的电流畸变和功率波动问题，特别是在风电、光伏等新能源发电系统的并网应用中。目标是提高系统的稳定性、可靠性和电能质量。其他说明：该方案对处理器性能有一定要求，建议采用高性能DSP或FPGA进行硬件加速。同时提供了丰富的仿真结果和代码片段，便于理解和复现。

C#与西门子S7-200SMART PLC基于原生Socket的异步通讯实现及优化

内容概要：本文详细介绍了使用C#通过原生Socket与西门子S7-200SMART PLC进行异步通讯的方法和技术要点。首先展示了如何建立TCP连接，使用Poll方法检测连接状态，以及通过异步读写实现高效的通讯机制。接着讨论了多线程并发处理多个PLC连接的技术，如使用Parallel.ForEach和SemaphoreSlim控制并发量，确保系统稳定性。此外，文中还提供了具体的代码示例，包括构造读取DB块的报文、处理数据交互、优化内存管理和提高性能等方面的内容。最后，作者分享了一些实战经验，强调了异步编程、线程安全和资源管理的重要性。适合人群：从事工业自动化领域的工程师，特别是熟悉C#编程并且需要与PLC进行通讯的开发者。使用场景及目标：适用于需要高效、稳定的PLC通讯解决方案的工业环境，旨在帮助工程师掌握C#与PLC通讯的关键技术和最佳实践，从而提升系统的性能和可靠性。其他说明：文中提供的代码示例和技巧经过实际项目验证，能够有效应对大规模PLC连接的需求，降低系统资源消耗，提高通讯效率。

基于NSGA-III与Optuna的随机森林模型多目标优化及3D可视化

内容概要：本文详细介绍了如何使用NSGA-III算法结合Optuna库进行随机森林模型的多目标优化。首先定义了一个目标函数，该函数旨在最小化交叉验证误差和测试集误差。接着，通过Optuna创建研究对象并执行优化操作，在此过程中，NSGA-III算法用于寻找帕累托前沿上的最佳解。优化完成后，作者展示了多种可视化手段，如3D曲面图、热力图以及预测对比图，帮助理解参数间的关系及其对模型性能的影响。此外，还探讨了一些实用技巧，例如调整采样范围、种群规模等。适用人群：熟悉机器学习基本概念和技术栈的研究人员或工程师，特别是对随机森林模型有深入研究兴趣的人士。使用场景及目标：适用于希望提高随机森林模型性能，同时掌握多目标优化理论的应用场景。主要目标是通过合理的参数配置使模型达到更好的泛化能力和更高的效率。其他说明：文中提供了完整的代码片段，便于读者复现实验结果。强调了调参过程中需要注意的问题，如避免过度扩展搜索空间、合理设定种群规模等。

永磁同步电机伺服控制系统中三环PI参数自整定的Matlab建模与仿真

内容概要：本文详细介绍了利用Matlab进行永磁同步电机(PMSM)伺服控制系统中三环PI参数自整定的方法。首先，文章展示了电流环、转速环和位置环的具体实现细节，包括前馈解耦、带宽设定以及参数计算等关键步骤。其次，文中提供了具体的Matlab代码片段，解释了各个控制环节的工作原理和技术要点。此外，作者分享了一些实践经验，如参数边界保护、转动惯量估算、采样周期选择等，并指出了一些常见的错误及其解决方案。最后，附带的论文资料进一步补充了理论背景。适合人群：从事电机控制研究的技术人员、高校相关专业师生、自动化领域的工程师。使用场景及目标：适用于需要快速掌握PMSM伺服控制系统三环PI参数自整定方法的研究人员和工程师。主要目标是提高系统的稳定性和响应速度，减少人工调参的时间成本。其他说明：文中提供的模型和代码可以在Matlab 2018及以上版本中运行，同时建议使用者结合实际情况调整参数并参考附带的学术文献以获得更好的效果。

道路多类别交通目标检测数据集.zip

数据集介绍：道路多类别交通目标检测数据集一、基础信息数据集名称：道路多类别交通目标检测数据集数据规模： - 训练集：728张道路场景图片 - 验证集：217张道路场景图片 - 测试集：100张道路场景图片分类类别： Animal（动物）、Auto（机动车）、Bus（公交车）、Car（轿车）、Carts（手推车）、Person（行人）、Rikshaw（人力车）、Truck（卡车）、Two-wheeler（两轮车）标注格式： YOLO格式标注，包含标准化中心坐标和宽高比例，每行标注对应一个检测目标数据特性：JPEG格式真实道路采集图像，涵盖日间多种光照条件场景二、适用场景自动驾驶系统开发：支持开发适用于印度复杂道路环境的感知系统，可识别9类典型交通参与者与障碍物智能交通监控系统：用于训练交通流量统计、违规行为检测等AI模型，适配路口监控设备部署车载安全预警系统：提供典型印度道路元素识别能力，支持开发两轮车预警、行人防撞等车载安全功能区域交通研究：包含特色交通元素（人力车、动物等），支持南亚地区交通特征研究三、数据集优势典型道路元素全覆盖：包含印度道路特有的三轮人力车、动物穿行等特色场景，9个类别精准覆盖机动车/非机动车/行人等核心交通要素真实场景适配性强：数据采集自真实道路环境，包含密集车流、混合交通等复杂场景，提升模型实际部署效果标注质量保障：专业标注团队进行三轮质量校验，确保边界框定位准确率和类别标注正确率＞98% 模型训练友好性：严格划分训练集/验证集/测试集，标注文件与图片文件一一对应，支持YOLO系列模型即插即用训练地域特征突出：专注印度及南亚地区道路环境，包含右舵驾驶、特殊交通标志等区域特征数据

对冲燃烧锅炉FLUENT数值模拟：非预混燃烧模型与实战技巧

内容概要：本文详细介绍了使用FLUENT进行对冲燃烧锅炉的数值模拟，特别是针对非预混燃烧模型的实际应用。文章首先讲解了网格划分的方法，强调了ICEM六面体网格在燃烧器附近的精细处理以及边界层的设置。接着讨论了燃烧模型的选择和设置，包括非预混燃烧模型的具体参数设定、自定义UDF用于挥发分释放速率计算、以及求解器设置的优化方法。此外，还提供了后处理技巧，如利用POST工具生成温度场和NOx分布图，并给出了多个实用的实战技巧和注意事项，帮助避免常见的模拟错误。适合人群：从事燃烧模拟研究的技术人员、热电厂工程师、高校相关专业师生。使用场景及目标：适用于需要进行对冲燃烧锅炉数值模拟的研究项目，旨在提高模拟精度和效率，减少常见错误，确保模型能够准确反映实际工况。其他说明：文中附带了完整的cas/dat文件、ICEM网格文件和POST后处理模板，便于读者直接应用于实际工作中。同时，作者分享了许多基于实践经验的技巧和建议，有助于初学者快速掌握并应用这些技术。

优化算法领域：改进逃离优化算法IESC的创新与应用

内容概要：本文介绍了2024年11月发表在《Artificial Intelligence Review》上的改进逃离优化算法IESC。IESC通过一系列创新策略如动态步长调整、自适应逃逸机制、群体协同搜索以及混沌映射初始化等，显著提高了原始ESC算法的性能。具体来说，IESC能够在复杂搜索空间中更快、更准确地找到全局最优解，避免陷入局部最优。此外，IESC还在多个标准测试函数上展示了优越的性能，特别是在处理高维、多峰问题时表现出色。适合人群：对优化算法感兴趣的科研人员、算法开发者、工程师。使用场景及目标：适用于需要解决复杂优化问题的实际应用场景，如工程设计、资源分配、数据分析等。IESC的目标是提供一种更高效的优化解决方案，帮助用户在各种复杂环境中找到最优解。其他说明：尽管IESC在大多数情况下表现出色，但在某些特定条件下（如超平坦的Sphere函数测试）可能会不如原版ESC。因此，选择合适的算法应根据具体问题的特点进行权衡。

三菱FX3U PLC的PID控制与触摸屏交互程序详解：电气自动化入门教程

内容概要：本文详细介绍了三菱FX3U系列PLC用于温度控制的PID程序及其配套的触摸屏程序。主要内容涵盖PLC梯形图编程中的PID指令应用、参数配置方法、触摸屏界面设计以及调试技巧。文中通过具体实例展示了如何设置PID参数（如比例带、积分时间和微分时间），并解释了如何利用触摸屏进行参数设定和实时监控。此外，还提供了关于如何处理报警和防止过热的安全措施。文章强调了良好的注释对于理解和维护程序的重要性。适合人群：初学者和初级电气工程师，尤其是那些希望深入了解PLC编程和PID控制的人群。使用场景及目标：①帮助读者理解PLC中PID控制的工作原理；②提供实际项目的编程经验和调试技巧；③指导读者完成一个完整的温度控制系统的设计与实现。其他说明：本文不仅提供了详细的代码片段和技术细节，还包括了许多实用的小贴士和注意事项，旨在帮助读者避免常见的错误并提高编程效率。

基于Matlab/Simulink的三段式距离保护仿真与优化

内容概要：本文详细介绍了如何利用Matlab/Simulink进行三段式距离保护的仿真建模及其优化。首先解释了三段式距离保护的基本概念，即分为三个保护区段，每个区段有不同的响应时间和保护范围。接着，文章展示了具体的建模步骤，包括创建距离保护模块、配置测量输入、处理振荡闭锁以及零序分量的特殊处理。此外，还提供了自动化测试的方法来验证模型的有效性，并探讨了针对分布式电源接入时的自适应保护策略。文中多次强调了参数设置的重要性，如振荡闭锁阈值、零序补偿系数等，并分享了一些实用的经验和技术细节。适合人群：从事电力系统保护研究的技术人员、高校相关专业师生、对电力系统保护感兴趣的工程技术人员。使用场景及目标：适用于希望深入了解三段式距离保护原理及其实现方法的研究者；希望通过仿真手段提高保护系统性能的工程师；以及需要掌握最新电力系统保护技术和应用的专业人士。其他说明：文章不仅涵盖了理论知识，还包括大量实际操作指导和代码片段，有助于读者更好地理解和应用所学内容。同时，作者分享了许多来自实践经验的宝贵建议，使读者能够避开常见陷阱并提升工作效率。

1_part1.wav

c++总结（xmind官网：https://xmind.cn/）

53顶2踩