jquery ui 界面设计;jqueryui dialog 收藏 0

用户界面框架jQuery EasyUI示例大全之DataGrid

jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件，助您打造适合当今网络的应用程序。

基本的数据网格

本示例主要为大家展示了基本的数据网格，数据网格由标记创建的，不需要JavaScript代码。【附源代码供大家参考】

从表格中转换数据网格

本示例主要演示了从现有的、未格式化的HTML表格中转换数据网格。【另附源代码供大家参考】

数据网格的行边框

本演示主要为大家展示了如何更改数据网格的行边框样式。【另附源代码供大家参考】

数据网格选择

本演示主要为大家展示了数据网格的选择，首先选择一个选择模式，然后选择一行或多行。【另附源代码供大家参考】

数据网格中的复选框选择

本演示主要为大家展示了数据网格中的复选框选择，点击标题中的复选框来选择或取消所有选择。【另附源代码供大家参考】

具有工具栏的数据网格

本演示主要展示了具有工具栏的数据网格，在数据网格的顶部放置工具栏。【另附源代码供大家参考】

数据网格的复杂工具栏

数据网格的工具栏可以通过一个div标记来定义，因此你可以很容易地定义工具栏布局。【另附源代码供大家参考】

数据网格筛选行

本示例主要演示了如何自定义DataGrid的过滤器菜单。【另附源代码供大家参考】

数据网格中的远程过滤

本演示主要为大家展示了在数据网格组件中如何应用远程过滤和分页。【另附源代码供大家参考】

自定义DataGrid Pager

本演示主要为大家展示了如何自定义DataGrid Pager，你可以在标准的datagrid pager工具栏中附加一些按钮。【另附源代码供大家参考】

购买最新正版授权！\”咨询在线客服\”

新年新禧新气象，送礼送福送优惠！

葡萄城经典UI产品新年大促，惊喜折扣礼品送不停！

本站文章除注明转载外，均为本站原创或翻译

10个顶级的CSS UI开源框架

随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面特效和用户体验。作为开发者，我们需要了解一些宝贵的CSS UI开源框架资源，它们可以帮助我们更快更好地实现一些现代化的界面，包括一些移动设备的网页界面风格设计。本文分享了10个顶级的CSS UI开源框架，有几个确实不错，一起来看看。

1、Bootstrap – 最流行的Web前端UI框架

Bootstrap是由twitter推出的Web前端UI框架，它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。它使用了最新的浏览器技术，Bootstrap提供了时尚的排版样式，表单，buttons，表格，网格系统等等。

官方网站：http://getbootstrap.com/

2、jQuery UI – 基于jQuery的开源Javascript框架

jQuery UI是一款基于jQuery的开源Javascript框架，jQuery UI框架主要提供了用户交互、动画、特效和可更换主题的可视控件，让开发者可以更方便地实现网页交互界面，jQuery UI的整个框架比较庞大，但你也可以根据自己需要使用的功能生成适合自己的框架底层。jQuery UI界面设计非常漂亮，值得一试。

官方网站：http://jqueryui.com/

3、jQuery UI Bootstrap

它是jQuery UI和Bootstrap的集成，它是Bootstrap样式的，因此外观比较漂亮，同时它拥有jQuery UI的控件功能，这也方便开发者快速地创建一个网页控件。

官方网站：https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap/

4、BootMetro – Metro风格的CSS框架

BootMetro是一款基于Bootstrap的前端UI框架，BootMetro的特点是可以很方便地构建类似Windonws 8扁平化风格的网页界面，效果非常不错。

官方网站：http://aozora.github.io/bootmetro/

5、Flat UI – 扁平风格 UI 工具包

Flat UI是一套精美的扁平风格 UI 工具包，基于 Twitter Bootstrap 实现。这套界面工具包含许多基本的和复杂的 UI 部件，例如按钮，输入框，组合按钮，复选框，单选按钮，标签，菜单，进度条和滑块，导航元素等等。

官方网站：https://github.com/designmodo/Flat-UI

6、网易CSS框架 NEC

NEC是网易推出的开源前端CSS框架，NEC提供了丰富UI代码库和插件，可以极大的帮助开发人员提高开发效率。即使你并非前端专业开发人员，利用NEC你也可以快速地构建属于自己的网页应用。

官方网站：http://nec.netease.com/

7、Alloy UI – 功能强大的CSS UI框架

Alloy UI是基于YUI 3的前段UI框架，包含一套丰富的（超过60）UI 部件，如图片库，对话框，树形结构，面板，自动完成，按钮，日历控件，工具条等。

官方网站：http://alloyui.com/

8、Cardinal – 移动端的CSS UI框架

Cardinal 是一个小型的移动优先的 CSS 框架，提供很多有用的默认样式、可缩放排版、可重用模块和一个简单的响应式表格系统。

官方网站：http://cardinalcss.com/

9、快速开发CSS的框架 CSScaffold

不同于许多CSS框架，它必须依靠PHP与Apache的mod_rewrite来执行，但也因为需要这两种东西，让CSScaffold变得很神奇、很方便，写起CSS来又快又轻松！

官方网站：http://www.w3avenue.com/2009/10/13/csscaffold-php-based-css-framework/

10、后台UI开发框架 MuseUI

一款基于bootstrap风格，兼容于主流浏览器（包括IE6）的后端UI开发组件。

官方网站：http://git.oschina.net/muse/museui

来云路课堂http://yun.lu参加《Web前端就业实训营》，年轻人的第一份工作，年薪20万不是梦！

快加群346392529，变身高薪程序员。

自己动手写的一套UI界面框架，有兴趣的可以看看

从事web开发这么多年了，UI一直是我的痛，第一个用的是Ext，授权费用高暂且不说，那个前端框架实在是臃肿，肿到要用Chrome浏览器才顺畅。

然后就是easyUI，比ext是轻巧，但是商用也一样要授权费用，可能是因为我有洁癖，总感觉那前端框架还是有点臃肿，并且不好控制。

后来我前端技术高了不少。于是自己基于jQuery自己写了一套前端框架，已经经过了一些项目的提炼，兼容性非常不错，比一般的前端框架精简多了，而且告别了那种千篇一律的风格，不少朋友直呼高大上！

由于我的后台是基于ASP.NET MVC后来把前端和MVC作了整合，再加入权限管理和一些常用功能，才形成了一套快速开发框架。

下面给出免费体验地址和一些截图，希望有兴趣的朋友能得到一些启发。

代码生成 器

系统管理

IM通讯

工作流引擎

点击下方链接，了解更多。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com