记录下我使用的UI

记录下我使用前端UI例子 easyui 和fineUI

EasyUI 简介

easyui是一种基于jQuery的用户界面插件集合。

easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。

使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。

easyui是个完美支持HTML5网页的完整框架。

easyui节省您网页开发的时间和规模。

easyui很简单但功能强大的。

在jQuery 和 HTML5 上轻松使用EasyUI

jQuery EasyUI 提供易于使用的组件，它使 Web 开发人员能快速地在流行的 jQuery 核心和 HTML5 上建立程序页面。 这些功能使您的应用适合今天的网络。 有两个方法声明的 UI 组件:

1. 直接在 HTML 声明组件。

  
<div class="easyui-dialog" style="width:400px;height:200px"
    data-options="title:'My Dialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}">
        dialog content.
</div>

2. 编写 JavaScript 代码来创建组件。

  
<input id="cc" style="width:200px" />

  
$('#cc').combobox({
	url: ...,
	required: true,
	valueField: 'id',
	textField: 'text'
});

domeurl：http://www.jeasyui.net/demo/380.html

miniUI:http://www.miniui.com/demo/#src=datagrid/celledit.html

使用感受比较轻量级，与后端语言容易集成。界面美观

FineUI 的设计理念

一切为了简单

每个控件的编写都尽量符合 ASP.NET 的开发习惯，从控件和属性的命名到复杂的 AJAX 交互，都让传统的 ASP.NET 开发人员感到很舒服。

用心实现 80% 的功能

每个控件的开发都是以服务实际项目需要为目的，不会追求大而全的封装，但是会在 80% 的常见功能上进行细致入微的设计和思考。

创新所以独一无二

FineUI 包含很多简单而实用的创新，原生的 AJAX 支持；轻量级的数据传输；基于 IFrame 的页面框架，让开发人员专注于业务逻辑的实现而非技术细节。

基于现有的ASP.NET知识

FineUI 完全遵循 ASP.NET 的命名习惯和开发框架，你经常会发现很多控件的命名、属性、方法、事件和原生的 ASP.NET 控件一模一样，因此无需您事先了解ExtJS的知识。

丰富的控件

超过 50 个专业的 ASP.NET 控件，不仅帮助您快速实现业务逻辑，而且让页面更加生动和华丽。

开源免费

FineUI（开源版）可以免费应用于任何非商业或者商业性的项目，采用对商业应用友好的 Apache License 2.0 协议（注：ExtJS 在GPL v3 协议下发布，商业使用需要购买ExtJS授权。）

Demourl：http://www.fineui.com/demo/#

页面截图：

使用感受不同于上一个框架，这个框架是基于服务端做的，类似于.net 原生服务控件，界面精美开发简单。