前端框架 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 點贊
評論
評論
共同學習，寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持，我會繼續努力的～
掃碼打賞，你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃，即可進行掃碼打賞哦