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

30顶
3踩

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

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 条请登录后发表评论

56 楼 jmd 2014-11-22 14:49

官方的实例已经放在自己的网站，大家可以查看。
http://ui.shuding.net,有1.X版本，也有2.0版本

55 楼 jmd 2014-11-22 14:48

官方的实例已经放在自己的网站，大家可以查看。
http://ui.shuding.net,有1.X版本，也有2.0版本

54 楼 skyyan 2013-08-30 16:58

上传附件时候，在 firefox下 session 丢失；
ie chrome 则没问题

53 楼 skyyan 2013-08-30 16:56

swf上传附件时候 session 在firefox 下丢失；
chrome 和ie下无此问题
请解决

52 楼 ilywmf 2013-01-17 21:37

官网社区里有人写了combotree这个组件

51 楼 jazzmozart 2013-01-08 12:33

貌似没有combotree功能

50 楼 weaponhuang 2012-12-25 15:54

用了之后，发现omBorderLayout， spacing:13,hideCollapsBtn : true这2个属性根本不生效

<!DOCTYPE html> 
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" >
		<title>operamasks-ui</title>
		<script type="text/javascript" src="../uiframework/js/jquery.min.js"></script>
		<script type="text/javascript" src="../uiframework/js/operamasks-ui.min.js"></script>
	    <link rel="stylesheet" href="../uiframework/themes/default/om-default.css">
	    <style>
	    	html, body{ width: 100%; height: 100%; padding: 0; margin: 0;}
	    </style>
	    <script type="text/javascript">
	    	$(document).ready(function(){
	    		 var LayOutConfig={
						panels:[{
						    id:"center-panel",
						 	header:false,
						    region:"center"
						},{
						    id:"west-panel",
						 	title:"west",
						    region:"west",
						    expandToBottom:true,
						    collapsible:true,
						    width:200
						},{
						    id:"north-panel",
						    header:false,
						    region:"north",
						 	height:80
						},{
						    id:"south-panel",
						 	header:false,
						    region:"south",
						    height:40
						}],
						spacing:13,
						hideCollapsBtn : true
					}
	    		 	$('body').omBorderLayout(LayOutConfig);
	    	});
	    </script>
	</head>
	<body>
		<div id="north-panel">north</div>
		<div id="center-panel">center</div>
		<div id="west-panel">west</div>
		<div id="south-panel">south</div>
	</body>
</html>

49 楼 weakfi 2012-12-19 17:08

ddxkj 写道

请问omGrid支持冻结列吗？

暂时不支持这个功能，你可以试试列隐藏

48 楼 ddxkj 2012-12-19 11:56

请问omGrid支持冻结列吗？

47 楼 laohu0814 2012-11-01 11:25

ie6的路过

46 楼 hanxi545 2012-10-31 13:56

网站打不开了，谁有2.0版本的给我发一个

45 楼蚂蚁路过 2012-09-30 22:36

网站为啥打不开了。。。。

44 楼 redasurc 2012-09-26 21:35

网站访问不了。。。

43 楼 osacar 2012-07-11 11:18

现在发展得挺好的啊。
比之前的好看多了。
希望各个版本能平稳升级，这样就好用于项目中了。

42 楼 zhangsatanyang 2012-07-03 12:33

建议你们团队多在皮肤美观化上多下点功夫。
为什么要用UI框架呢？一个很重要的理由就是可以省去很多美工的工作

41 楼 mfkvfn 2012-07-03 09:04

yaweja 写道

示例啥都没看到就个网站导航

不会吧。你刷新几次看看。

40 楼 haiyupeter 2012-07-01 10:10

loookto 写道

问个问题啊，商用有版权问题吗？

没有版权问题，它是LGPL协议的，对商业应用友好

39 楼 yaweja 2012-06-30 23:03

示例啥都没看到就个网站导航

38 楼 flashing 2012-06-30 19:57

看起来挺给力啊

37 楼 loookto 2012-06-30 15:41

问个问题啊，商用有版权问题吗？

发表评论

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

30顶3踩