当前位置: 首页 > 软件库 > 程序开发 > GUI开发框架 >

OperaMasks-UI

前端JS组件库
授权协议 LGPL
开发语言 JavaScript
所属分类 程序开发、 GUI开发框架
软件类型 开源软件
地区 国产
投 递 者 孔鸿云
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

OperaMasks-UI是OperaMasks团队 2011下半年打造的一款轻量级前端JS组件库,旨在提供一款学习曲线低、定制性灵活、样式统一,且多浏览器支持、覆盖企业业务场景的前端JavaScript UI组件库。目前,该团队已将这一产品以LGPL 开源协议开放给社区。 

OperaMasks-UI的产品特性: 

  • 基于jQuery体系的前端组件库,提供给用户最熟悉的使用方式。
  • 满足企业应用开发所需。目前已提供20+个UI组件,基本覆盖企业应用中的常见的数据展现(树/表格)、表单录入(Form组件)、数据校验(validator)、表单提交(ajaxSubmit)、信息提示(window类)。同时结合部分业界知名框架提供了部分互联网特性的组件,例如slider、suggetion等。
  • 可单组件独立发布和使用。如果你被OperaMasks-UI的某个组件吸引,那么单独使用它吧,OperaMasks-UI原生支持单组件使用,只需引入对应的JS即可,如此简单!
  • 统一的皮肤样式,并内置了多套皮肤风格样式。
  • 多浏览器兼容性支持。原生支持IE6(但不建议)、IE7/8/9、Firefox、Chrome,让你免却调试浏览器兼容性的痛苦。
  • 丰富的单元测试,全面采用Qunit测试,所有组件均有详实的单元和场景测试案例,确保组件的质量。
  • 足够精简。min版本(压缩后)的版本只有208K,使用起来,没有负担。

peraMasks-UI是开源免费的,采用对商业完全友好的LGPL协议。其可以被商业软件作为类库引用并发布和销售使用。 

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

  • <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>复杂案例</title> <script type="text/javascript" src="../../jquery.js"></script> <sc

  • OperaMasks-UI是OperaMasks团队 2011下半年打造的一款轻量级前端JS组件库,旨在提供一款学习曲线低、定制性灵活、样式统一,且多浏览器支持、覆盖企业业务场景的前端JavaScript UI组件库。目前,该团队已将这一产品以LGPL 开源协议开放给社区。  OperaMasks-UI的产品特性:  基于jQuery体系的前端组件库,提供给用户最熟悉的使用方式。 满足企业应用开发

  • 小东西但是容易忘,记下来吧 页面内容 <tr> <td class="td_right"> 公告级别:</td> <td class="td_left"> <input id="${tabCode}_form_level_comb" name="level"   /> <td width="50"><span class="errorImg"></span><span class="errorMs

  • operamasks-ui框架tabs的bug修改 在使用operamasks-ui框架的时候,发现它的tab用起来不太方便。如果是动态添加tab页,当关闭掉所有的tabs后,再打开一个tab,出现页面是空白的现象,若没有全部关闭tab,则不会出现该现象 而我的系统需要首页不能被关闭,而它默认是不支持的。所以我就查看了它的源码,对其进行了修改,是增加属性的方式,不影响其原有的功能和使用。 1、首先

  • 下载OperaMasks-UI:http://ui.operamasks.org/website/homepage.html 转载于:https://www.cnblogs.com/Liq-Blog/archive/2012/04/13/2446187.html

  • 在使用operamasks-ui框架的时候,发现它的tab用起来不太方便。如果是动态添加tab页,当关闭掉所有的tabs后,再打开一个tab,出现页面是空白的现象,若没有全部关闭tab,则不会出现该现象 而我的系统需要首页不能被关闭,而它默认是不支持的。所以我就查看了它的源码,对其进行了修改,是增加属性的方式,不影响其原有的功能和使用。 1、首先在它的options里面增加一个属性:  

  • 见 [url]http://www.iteye.com/magazines/104[/url] 的介绍; 官方首页: [url]http://ui.operamasks.org/website/homepage.html[/url] 下载地址: [url]http://code.google.com/p/operamasks-ui/downloads/list[/url]

  • 最近operamasks-ui官网被黑了,很多资料都不能下载,要下载只能去谷歌code http://code.google.com/p/operamasks-ui/ 网上有一些operamasks-ui的信息http://www.iteye.com/magazines/104这个算是比较全面的了 转载于:https://www.cnblogs.com/haiwangxing598/p/32716

  • 编辑框: 1,初始化  $('#txtIncidentDescription').omEditor({                 height: 60,                 uiColor: '#BCC5D2',                 enterMode: OMEDITOR.ENTER_BR,                 allowImageType: ['jpg'

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

 相关资料
  • Apusic OperaMasks――开箱即用的Web Framework,它以JSF为基础引擎,辅以独创的原生Ajax技术,同时提供丰富的组件和集成开发环境,使Web开发变得简单方便。无论是后台的事 务、存储、分布式计算等基础服务,还是前端的UI展现与用户交互,以及后台与前端的会话过程,Apusic OperaMasks都提供了完整的解决方案,有效解决Web开发所面临的问题: 开箱即用:使用Ap

  • 开源组件 1. Angular 1)文件上传:ng-file-upload 、ng-file-upload-shim 2)请求加载动画:angular-loading-bar 3)滚动加载:ngInfiniteScroll 4)表单验证:angular-messages 2. Vue 3. React 4. 动画库 5. 其他 HammerJSMobile手势 1)富文本:summernote 公

  • 有人说,.NET的成功是因为有Visual Studio,而J2EE的复杂则是因为缺乏一个J2EE的Visual Studio。诚然, J2EE的开发工具也是百花争鸣,我们有Eclipse、NetBeans、JBuilder、IntelliJ等等,但这些工具在Web开发领域,要么就毫无涉猎; 要么就停留在JSP/Struts的简单支持上;再或者华而不实,看起来好看,但用起来费劲。在J2EE的开发过

  • Bootstrap 官方于 2015 年 8 月 19 日发布了其最新版本 Bootstrap v4.0.0-alpha。 Bootstrap 4 的开发是一项浩大的工程,将近一年的开发,几乎是对整个项目的重写,终于在 Bootstrap 4 周岁生日的时候推出了最新的 v4-alpha 版本。 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的

  • UI 部件 & 组件工具 桌面 & 移动: Kendo UI [free to $] Webix [$] Semantic UI Metro UI Bootstrap Materialize Material UI Polymer Paper Elements 桌面 (NW.js 和 Electron): photonkit React UI Components for OS X El Capi

  • 主要内容:AWT 组件的介绍,AWT Component类构造方法,AWT UI组件列表AWT 组件的介绍 每个组件都考虑以下三个主要方面: UI 元素:它们是用户最终看到并与之交互的核心视觉元素。GWT 提供了大量广泛使用和常见的元素,从基本到复杂,我们将在本教程中介绍。 Layout布局:它们定义了 UI 元素应该如何在屏幕上组织,并为 GUI(图形用户界面)提供最终的外观和感觉。这部分将在布局一章中介绍。 事件行为:这些是用户与 UI 元素交互时发生的事件。这部分将在事件处理章