初探 Easy UI

　　Easy UI 是一个高度封装的 UI 框架，可以用框架内自定义的标签和属性进行开发也可以用框架内的 JS 函数进行开发，足够灵活；

 

　　EU 的文档主要包括：Dependencies（学习此组件前所需要学习的其他组件），Usage Example（使用例子），options（框架的自定义的属性，可直接作为标签的属性使用，也可以作为 data-options 的子属性使用，例如：data-options="fit:true,border:false,plain:true,closable:true"），Events（给事件绑定自定义处理函数，方便开发），Methods（自定义方法，例子如下）；

$('#cc').layout('resize', {
    width:'80%',
    height:300
})

 

　　本文先总结以下几个比较关键的组件（文档链接：http://www.jeasyui.com/documentation/index.php）：

　　　　1，布局

　　　　　　EU 的布局分为东南西北中，类似 Swing，必须有“中”，其他可选；因为布局可以嵌套，所以可以自定义基于“东南西北中”的任意的布局，相当方便，而且布局可以折叠；

　　　　　　布局可以占用整个页面（只要给<body/> 标签的 class 属性增加属性值“qasyui-layout”）；

　　　　　　可以使用 AJAX 加载内容（<div data-options="region:'west',href:'west_content.php'" style="width:180px" ></div>）；

　　　　　　布局的嵌套彻底解决了后端调布局的痛点，布局不再难；

　　　　2，提示框

$.messager.alert('之前导入失败的信息', content, 'error');    

　　　　　　使用相当简单，content 即为内容；