前端框架 jQuery EasyUi 学习笔记九(增删改查的简单界面实现)
<script type="text/javascript">
$(function(){
$('#d').dialog({
title:'用户管理',
width:700,
height:500,
iconCls:'icon-add',
modal:true,
toolbar:'#dlg-toolbar',
footer:'#footer'
});
});
</script>
</head>
<body>
<!-- 所有的核心业务都是增删改查,就以用户管理为例, -->
<div id="d" style="padding:10px;">
The dialog content.
</div>
<div id="dlg-toolbar" style="padding:2px 0">
<table cellpadding="0" cellspacing="0" style="width:100%">
<tr>
<td style="padding-left:2px">
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">新增用户</a>
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">删除用户</a>
<a href="009.jsp" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">修改用户</a>
</td>
<td style="text-align:right;padding-right:2px">
<input class="easyui-searchbox" data-options="prompt:'请输入用户名'" style="width:150px"></input>
</td>
</tr>
</table>
</div>
<div id="footer" style="padding:5px;width: 700px;height: 200px;"
>Footer Content.此处可以添加jsp-form表单</div>
</body>
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦