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

30顶
3踩

Web前端

原创新闻 OperaMasks-UI V2.0正式版发布，支持换肤

2012-06-28 17:31 by 见习记者 weakfi 评论(56) 有35058人浏览
ui jquery operamasks-ui

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

经过差不多两个月时间的努力，2.0版本终于与大家见面了。这个版本最大的特色就是采用了全新的样式皮肤，使组件的组合效果更佳。此外，还添加了不少新特性和改进，如omGrid支持多行表头，新的omItemSelector 、omScrollbar组件等。

 

1、支持换肤

 

 

2、omGrid支持多表头

 

 

3、全新的itemSelector组件

 

 

4、自定义的滚动条

 

 

5、buttonBar 新组件

 

 

6、全新的综合示例场景

 

 

下载地址：http://ui.operamasks.org/website/download.html

 

示例地址：http://ui.operamasks.org/website/demos.html

新特性

 

重写omItemSelector组件，新增omScrollbar,omButtonbar组件，新增omGrid多表头插件。

  • omItemSelector: 全新组件，用于替换v1.2版本的omItemSelector。
  • omScrollbar: 新组件，在简单场景中可以用于替代浏览器滚动条,使用便捷。
  • omButtonbar: 新组件，按钮工具条组件用于放置多个按钮，并且按钮之间可以进行分组。
  • omGrid: 新功能，增加多表头插件 —— om-grid-headergroup.js，使用此插件可以使omGrid支持多表头。
改进

  • demo示例中心新增换肤机制，可以在default和apusic皮肤之间进行切换。
  • omBorderlayout栏目展开收起按钮进行了改善，使其更美观。
  • omGrid行编辑插件添加事件支持,deleteRow、insertRow方法改进，editor配置项添加getValue方法。
  • omGrid添加宽高自适应，宽高可以配置为'fit'，并且提供了便捷的resize方法。
  • omBorderLayout 添加配置左边和右边面板可以拉伸至顶部或底部的功能。
  • omTree节点的单击事件由原来的只能点击文字触发，改进为点击节点图标也触发事件。
  • omCombo 新增强制选择特性。
  • omTabs添加右键菜单功能。
  • omPanel点击头部任何一个地方都会触发展开或收起动作。(必须配置为可收起)

升级说明(从v1.2 到 v2.0)

 

  • 组件omGrid方法"cancleChanges"与"cancleEdit"改名为"cancelChanges"与"cancelEdit"。
  • 组件omGrid行编辑的insertRow方法在v1.2版本中会立即出现编辑条，并且即使点了“取消”按钮数据行也已经插入了。现在改为 点“取消”按钮时回滚此行数据(之后再次编辑此行数据再点“取消”就不能回滚了)。此外，如果想实现insertRow时不弹出编辑框， 可以设置第三个参数为true,详看api文档说明。
  • omItemSelector删除了toolbarIcons配置项。

重要bug修复

 

  • [AOM-584] - omGrid 在拖动表格上下滚动条之后进行行编辑时编辑框错位。
  • [AOM-587] - omTab新增页签的时候会发送多余请求。
  • [AOM-588] - omGrid在一个页面同时实例化两个的时候会报js错误。
  • [AOM-608] - omTooltip使用contentEl属性的时候会导致页面出现两份相同的dom节点。
  • [AOM-609] - validate 如果某个必须要验证的输入框一开始有数据,删除后，blur并没有触发验证。
  • [AOM-610] - validate 如果设置默认属性值，会报异常,例如:onkeyup: true；onfocusout: true。
  • [AOM-615] - omGrid在没有数据的时候调用$('#grid').omGrid('getSelections',true);会报错。
  • [AOM-617] - omCalendar 与 validate 插件一起用时当选择日期后无法清除原有的校验错误。
  • [AOM-624] - om-core.js监听器回调问题。
  • [AOM-627] - omPanel 当数据正在加载或加载失败时，点击收缩按钮，loadMessage没有收缩起来。
  • [AOM-630] - omGrid中onRefresh方法中调用setSelections出错。
  • [AOM-631] - omDialog 在拖拽后内容的高度不会变化。
  • [AOM-637] - omTree 拖动叶节点到父节点或者与父节点同级的节点时,该节点看不到了。
  • [AOM-641] - omMenu 使用本地json数据 那个点击菜单中的菜单项，会发现菜单项越来越长了。
  • [AOM-644] - omMessageBox在IE7下内容区域出现滚动条。
  • [AOM-664] - borderLayout自适应窗口大小示例出现滚动条 。
  • [AOM-676] - om-tab关闭当前页签之后无法展现前一个页面的内容。

 

来自: OperaMasks
30
顶
3
踩
评论 共 56 条 请登录后发表评论
36 楼 caizi12 2012-06-30 08:08
很不错。
35 楼 qiao000_000 2012-06-29 16:11
相对给力，要是早几个月认识OperaMasks-UI，上个项目一定使用；下个项目一定拿来用用
34 楼 lpp333 2012-06-29 15:46
chrome20下问题好像特别多，好几个demo都有问题
33 楼 xuanjianfeng 2012-06-29 14:23
陈某人推荐我们用了，确实好！ 
32 楼 chenmouren 2012-06-29 14:15
酷。 
陈某人发来贺电！
31 楼 sun059111 2012-06-29 14:09
非常好，看来现在开始火了。。。。。。
30 楼 bh_nesta 2012-06-29 12:58
很不错啊。看来越来越好了。。无限的期待啊
29 楼 sky3380 2012-06-29 12:44
越来越给力了
28 楼 gongtao 2012-06-29 12:31
顶啊。。。。
强烈支持，希望omui再接再厉。。。
27 楼 fcoffee 2012-06-29 11:49
开发指南是chm格式的....是不是应该提供普通的html格式或者pdf...
26 楼 shengren0 2012-06-29 11:03
还不错，支持不少复杂场景，更新迅速，虽然有些bug，但值得一用。
25 楼 abCity 2012-06-29 10:58
这个东西我用来做了一个小项目, 确实挺方便的, 不过有一些bug
24 楼 saundora 2012-06-29 10:57
挺好用的！支持！
23 楼 wangzhijie 2012-06-29 10:22
哈哈，很好很强大
22 楼 gordonkkk 2012-06-29 10:09
真心好用，没啥学习曲线，表现很稳定！
21 楼 ggjucheng 2012-06-29 09:58
好给力，这么快又发了新版本
20 楼 william3459309 2012-06-29 09:53
确实还不错～～～
19 楼 i2534 2012-06-29 09:50
看来我需要从1.2升级到2.0了啊.
看这里的描述,似乎不需要修改代码就可以了
18 楼 kevin.huang 2012-06-29 09:41
由weakfi带领的团队真给力...
17 楼 BillyJoy 2012-06-29 09:38
挺不错的，又添加了新功能。用了一些，觉得很方便，很实用，大力支持！！ 

发表评论

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

相关推荐

  • operamasks-ui-2.0

    operamasks-ui-2.0 这个帮助文档很难才找到的，感谢CSDN，其中的说明真的是很详细了，维护旧代码用到的这个框架，相比easyui和bootstrap这个框架简单一些，不过用起来还是不错的，除了文档太少，不过有这个就基本...

  • operamasks-ui-2.0.zip

    好用 金蝶 operamasks-ui-2.0.zipoperamasks-ui-2.0.zipoperamasks-ui-2.0.zip

  • operamasks-ui-2.0-demo--.zip

    operamasks-ui-2.0-demo operamasks-ui-2.0-demo operamasks-ui-2.0-demo

  • operamasks-ui-2.0-doc

    operamasks-ui-2.0的开发文档离线版。网上很难找的资源。

  • operamasks-ui-2.0-demo.zip

    operamasks-ui-2.0-demo.zip

  • operamasks-ui 帮助文档

    只是我在网上找的 operamasks-ui api 文档 , 希望对你们有帮助

  • 金蝶operamasks-ui（API）

    1、将operamasks-ui.war部署到符合Servlet 2.5/JSP2.1的所有Web容器或J2EE应用服务器（如：Tomcat） 2、war包部署成功后访问：http://127.0.0.1:8080/operamasks-ui/

  • operamasks-ui和struts2、springMVC框架整合实践

    springMVC框架开发 博文链接：https://lyg8266.iteye.com/blog/1404821

  • operamasks-ui-master.zip

    好用 金蝶 operamasks-ui-2.0.zipoperamasks-ui-2.0.zipoperamasks-ui-2.0.zip

  • operamasks-ui 最新.

    operamasks-ui 最新.完成的，下载下来直接可以点击查看，跟官网一模一样

  • 金蝶UI operamasks-UI 下拉列表 omCombo 获取选中列表项的文本 text 方法

    金蝶UI operamasks-UI 下拉列表 获取选中列表项的文本 text方法 它的实现方式其实是在你定义的存储值的 input 后面紧跟着一个 input 用于显示 选项 option 的 text 值，所以通过以下方法就可以获取到： $("#...

  • operamasks-ui

    operamasks-ui-1.2.zip

  • operamasks-ui_demo

    operamasks-ui的demo程序，能够直接部署，运行。查看om-ui上优秀的标签。

  • Operamasks-UI

    OM-UI简介 OM-UI是一个基于jQuery的前端组件库。它提供了丰富的组件，包括各种表单组件、布局组件、功能性组件等。它旨在帮助用户快速构建企业应用。它是简单易用的，并配有丰富的文档、示例和详实的开发手册。最...

  • Operamasks-UI控件操作

     onClose: function (v) {  }  });  }  }  });  }  // function IsLock(scode) {  // var params = "&sucode=" + encodeURI(scode);  // $('#grid').omGrid("setData", '...

  • operamasks-ui2.0 的一些相关知识

    首先说一下前台tab控件的初始化工作，在Home控制器的Index视图里，做以下操作： 　1.在head标签内部加入对om相关css样式表的引用 ...extra=page%3D1 2.在</body>标签之前加入以下对js文件的引用 ...

  • OperaMasks-UI框架之omFileUpload文件上传控件

    OperaMasks-UI是一款轻量级的、基于jQuery并提供丰富组件的前端UI库，遵循LGPL开源协议，对商业使用友好。 官网下载地址：http://ui.operamasks.org/website/download.html 最新的OperaMasks-UIV2.0版本已经包含各类...

  • operamasks-ui-2.1.zip

    很好用的一个小框架operamasks-ui-2.1

  • operamasks-ui-2.1-demo

    operamasks-ui-2.1-demo

  • 无人机轨迹规划中的内外安全策略及其Matlab实现

    内容概要：本文详细探讨了无人机轨迹规划中的内外安全策略。外部安全主要依靠RRT（快速扩展随机树）算法，在未知环境中随机探索路径，避免障碍物。内部安全则关注无人机电机的工作状态，通过序列二次规划（SQP）优化轨迹，确保电机推力在合理范围内，避免过载。两者结合，形成了一种高效的无人机轨迹规划方法。文中还提供了具体的Matlab代码实现，展示了如何将这两种安全策略融合在一起，以提高无人机的安全性和能效。 适合人群：从事无人机研究、开发的技术人员，尤其是对轨迹规划感兴趣的工程师。 使用场景及目标：适用于需要在复杂环境中进行高效、安全飞行的无人机项目。目标是通过合理的算法设计，使无人机能够在避开障碍物的同时，保持电机在最佳工作状态，从而延长电池寿命，降低故障率。 其他说明：文中提到的实际案例和实验数据进一步验证了所提出方法的有效性。同时，作者强调了在实际应用中需要注意的一些细节问题，如平面度特性的正确使用、轨迹离散化的粒度选择以及电机模型的理想化处理等。

Global site tag (gtag.js) - Google Analytics