linkbutton顾名思意，就是有链接的button，使用很简单直接查手册就可以；
这里将前面做的东东做一个小小的整合吧
Paste_Image.png
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 引入easyui -->
<link rel="stylesheet" href="easyui/themes/icon.css" type="text/css"></link>
<link rel="stylesheet" href="easyui/themes/default/easyui.css"
type="text/css"></link>
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
</head>
<body>
<div id="dd" class="easyui-layout" style="width: 600px; height: 400px"
data-options="fit:true">
<!-- 布局使用fit属性，布局组件将自适应父容器或使用'body'标签创建布局的时候，整个页面会自动最大 -->
<div data-options="region:'north',title:'欢迎来到丁丁XX网站',split:true"
style="height: 100px;"></div>
<div data-options="region:'south',title:'版权设置',split:true,border:true"
style="height: 100px;"></div>
<div
data-options="region:'east',iconCls:'icon-reload',title:'系统公告',split:true"
style="width: 150px;"></div>
<div data-options="region:'west',title:'菜单导航',split:true"
style="width: 150px;">
<div id="aa" class="easyui-accordion" data-options="fit:true">
<div title="题库管理" data-options="iconCls:'icon-save',selected:true"
style="overflow: auto; padding: 10px;">
<a id="btn1" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">编辑题库</a>
<br><br><a id="btn2" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">发布试卷</a>
</div>
<div title="学生成绩管理"
data-options="iconCls:'icon-reload'"
style="padding: 10px;">
</div>
</div>
</div>
<div data-options="region:'center',title:'内容展示'"
style="padding: 5px; background: #eee;"></div>
</div>
<script type="text/javascript">
$(function(){
/* 设置按钮的宽高 */
// $('#btn1').linkbutton('resize', {
// width: '100%',
// height: 25
// });
// $('#btn2').linkbutton('resize', {
// width: '100%',
// height: 25
// });
$('.easyui-linkbutton').each(function(){
$(this).linkbutton('resize', {
width: '100%',
height: 25
});
})
})
</script>
</body>
</html>
网友评论