EasyUi 搭建一个后台管理系统

1、LinkButton

使用css的方式

<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">超链接的样式</a>

结果

2、Layout布局

	<div id="cc" class="easyui-layout" data-options="fit:true">   
    	<div data-options="region:'north',title:'CRM管理系统',split:true" style="height:100px;"></div>   
	    <div data-options="region:'west',title:'系统菜单',split:true" style="width:100px;"></div>   
	    <div data-options="region:'center',title:'数据区域'" style="padding:5px;background:#eee;"></div>   

3、Accordion分类

<div id="aa" class="easyui-accordion"
		style="width: 300px; height: 200px;">
		<div title="客户管理" data-options="iconCls:'icon-save'"
			style="overflow: auto; padding: 10px;">
			<a href="#">客户管理</a>
		</div>
		<div title="联系人管理" data-options="iconCls:'icon-reload',selected:true"
			style="padding: 10px;">
			<a href="#">联系人管理</a>
		</div>
		<div title="评价管理">
			<a href="#">评价管理</a>
		</div>
	</div>

4、弹出Tabs选项卡并去重

<script type="text/javascript">
		$(function() {
			$('#a').click(function() {
					if($('#tt').tabs('exists','客户管理')){
						$('#tt').tabs('select','客户管理');  
					}else{
						$('#tt').tabs('add',{    
						    title:'客户管理',    
						    content:'Tab Body',    
						    cl