在jsp中js jquery点击按钮出现一个对话框的实现
2012-08-09 11:11
681 查看
对话框JSP页面
customerSearchDialog.jsp
<div id="searchForm" class="jqmWindow">
<div id="jqmTitle">
<button class="jqmClose">X</button>
<span id="jqmTitleText1"></span>输入查询条件
</div>
<div id="mainPanel">
<table class="panel">
<thead>
<tr>
<td><label>客户编号:</label></td>
<td><s:textfield id="map.customerCode" name="map.customerCode" /></td>
</tr>
<tr>
<td><label>客户名称:</label></td>
<td><s:textfield id="map.customerName" name="map.customerName" /></td>
</tr>
<tr>
<td><label>地区名称:</label></td>
<td><s:textfield id="map.districtName" name="map.districtName" /></td>
</tr>
<tr>
<td><label>专营业务员:</label></td>
<td><s:textfield id="map.salesManName" name="map.salesManName" /></td>
</tr>
<tr>
<td><label>发展日期:</label></td>
<td><s:textfield id="map.beginDate" name="map.beginDate" />-<s:textfield id="map.endDate" name="map.endDate" /></td>
</tr>
<tr>
<td colspan="4" align="center"><a href="#"
onClick="loadGoodsPage();"><img
src='<%=ctxPath%>/image/admin/btn_search.gif' />查询</a> <a href="#"
onClick="clears();"><img
src='<%=ctxPath%>/image/admin/btn_search.gif' />清除条件</a></td>
</tr>
</thead>
</table>
</div>
<div class="jqHandle jqResize"></div>
</div>
<script type='text/javascript'>
function showSearchDialog(){
showModal1("#searchForm",430,580);
$(document.getElementById('map.beginDate')).datepicker({
changeMonth: true,
changeYear: true,
dateFormat:'yy-mm-dd'
});
$(document.getElementById('map.endDate')).datepicker({
changeMonth: true,
changeYear: true,
dateFormat:'yy-mm-dd'
});
}
JSP页面
<div class="titleBar">
<span style="float: left;">参数管理-客户档案</span><br/>
<span style="float: right"><a href="slPamCustomerEdit.do?action=add"><img src='<%=ctxPath%>/image/admin/btn_add.gif'/>增加</a> </span>
<span style="float: right"><a href="javascript:void(0);" onClick="showSearchDialog()"><img src='<%=ctxPath%>/image/admin/btn_search.gif'/>快速查询</a></span>
</div>
<s:form id="mainForm" name="mainForm" action="slPamCustomer" namespace="/sl" method="post">
<div id="mainPanel">
<table class="cssraindemo2">
<thead>
<tr>
<th>客户编码</th><th>客户名称</th><th>客户简称</th><th>地区名称</th><th>发展日期</th><th>联系人</th><th>电话</th><th width="120px">操作</th>
</tr>
</thead>
<tbody id="main">
<c:forEach items="${page.result}" var="customer" varStatus="status">
<tr>
<td>${customer.code}</td>
<td>${customer.name}</td>
<td>${customer.abbr}</td>
<td>${customer.districtName}</td>
<td><fmt:formatDate value="${customer.developDate}"/></td>
<td>${customer.businessContact}</td>
<td>${customer.officePhone}</td>
<td nowrap>
<a href="slPamCustomerEdit.do?action=edit&id=${customer.id}"><img src="<%=ctxPath%>/image/admin/btn_edit.gif"/>修改</a>
<a href="#" onClick="del(${customer.id});"><img src="<%=ctxPath%>/image/admin/btn_delete.gif"/>删除</a>
</td>
</tr>
</c:forEach>
</tbody>
</table>
<br>
<app:page pageNo="${pageNo}" recordCount="${page.recordCount}" pageSize="${pageSize}" url="${ctxPath}sl/slPamCustomer.do" formName="mainForm"/>
</div>
<%@include file="customerSearchDialog.jsp" %>
</s:form>
customerSearchDialog.jsp
<div id="searchForm" class="jqmWindow">
<div id="jqmTitle">
<button class="jqmClose">X</button>
<span id="jqmTitleText1"></span>输入查询条件
</div>
<div id="mainPanel">
<table class="panel">
<thead>
<tr>
<td><label>客户编号:</label></td>
<td><s:textfield id="map.customerCode" name="map.customerCode" /></td>
</tr>
<tr>
<td><label>客户名称:</label></td>
<td><s:textfield id="map.customerName" name="map.customerName" /></td>
</tr>
<tr>
<td><label>地区名称:</label></td>
<td><s:textfield id="map.districtName" name="map.districtName" /></td>
</tr>
<tr>
<td><label>专营业务员:</label></td>
<td><s:textfield id="map.salesManName" name="map.salesManName" /></td>
</tr>
<tr>
<td><label>发展日期:</label></td>
<td><s:textfield id="map.beginDate" name="map.beginDate" />-<s:textfield id="map.endDate" name="map.endDate" /></td>
</tr>
<tr>
<td colspan="4" align="center"><a href="#"
onClick="loadGoodsPage();"><img
src='<%=ctxPath%>/image/admin/btn_search.gif' />查询</a> <a href="#"
onClick="clears();"><img
src='<%=ctxPath%>/image/admin/btn_search.gif' />清除条件</a></td>
</tr>
</thead>
</table>
</div>
<div class="jqHandle jqResize"></div>
</div>
<script type='text/javascript'>
function showSearchDialog(){
showModal1("#searchForm",430,580);
$(document.getElementById('map.beginDate')).datepicker({
changeMonth: true,
changeYear: true,
dateFormat:'yy-mm-dd'
});
$(document.getElementById('map.endDate')).datepicker({
changeMonth: true,
changeYear: true,
dateFormat:'yy-mm-dd'
});
}
JSP页面
<div class="titleBar">
<span style="float: left;">参数管理-客户档案</span><br/>
<span style="float: right"><a href="slPamCustomerEdit.do?action=add"><img src='<%=ctxPath%>/image/admin/btn_add.gif'/>增加</a> </span>
<span style="float: right"><a href="javascript:void(0);" onClick="showSearchDialog()"><img src='<%=ctxPath%>/image/admin/btn_search.gif'/>快速查询</a></span>
</div>
<s:form id="mainForm" name="mainForm" action="slPamCustomer" namespace="/sl" method="post">
<div id="mainPanel">
<table class="cssraindemo2">
<thead>
<tr>
<th>客户编码</th><th>客户名称</th><th>客户简称</th><th>地区名称</th><th>发展日期</th><th>联系人</th><th>电话</th><th width="120px">操作</th>
</tr>
</thead>
<tbody id="main">
<c:forEach items="${page.result}" var="customer" varStatus="status">
<tr>
<td>${customer.code}</td>
<td>${customer.name}</td>
<td>${customer.abbr}</td>
<td>${customer.districtName}</td>
<td><fmt:formatDate value="${customer.developDate}"/></td>
<td>${customer.businessContact}</td>
<td>${customer.officePhone}</td>
<td nowrap>
<a href="slPamCustomerEdit.do?action=edit&id=${customer.id}"><img src="<%=ctxPath%>/image/admin/btn_edit.gif"/>修改</a>
<a href="#" onClick="del(${customer.id});"><img src="<%=ctxPath%>/image/admin/btn_delete.gif"/>删除</a>
</td>
</tr>
</c:forEach>
</tbody>
</table>
<br>
<app:page pageNo="${pageNo}" recordCount="${page.recordCount}" pageSize="${pageSize}" url="${ctxPath}sl/slPamCustomer.do" formName="mainForm"/>
</div>
<%@include file="customerSearchDialog.jsp" %>
</s:form>
相关文章推荐
- 一个窗口里包含一个iframe,点击iframe内的submit按钮,返回的视图总是显示在iframe中,我想要的效果是点击按钮后返回的视图是在浏览器窗口中...?asp.net mvc 的action中,不用js怎么实现??????????
- 点击新增按钮,弹出对话框,并且对话框加载另外一个页面的内容的具体实现
- 如何用java实现“点击一个按钮,出现另一个按钮”的功能?
- js如何实现点击一个按钮显示一个div,然后该div上有一个按钮,点击此按钮后隐藏,隐藏的同时显示另外一个div,而在次弹出的div也有一个按钮,点击后隐藏.
- JS实现点击按钮自动增加一个单元格
- JS实现点击按钮图片左右切换、点击图片按钮出现下拉菜单
- JS/jQuery实现默认显示部分文字点击按钮显示全部内容
- js实现点击一个按钮达到浏览器全屏效果
- 按钮被点击后屏蔽点击且倒计时60S能再次被点击-JS实现和JQuery实现
- JS实现点击按钮自动增加一个单元格的方法
- JS/jQuery实现默认显示部分文字点击按钮显示全部内容
- js实现点击按钮出现输入框本地修改文字内容功能
- 如何实现js展开收起(折叠)效果呢?例如:一段内容过长了,我限制他显示为20个字内,但是超出了20的就先用省略号代替,然后后面添加一个展开,点击展开后就显示所有的内容,这时候展开按钮就变成了 折叠按钮
- jquery 实现 点击一个按钮添加多个div
- js 实现用一个按钮打开本地的对话框和保存对话框
- jquery 实现点击按钮后出现倒计时效果(用于实现发送手机验证码、邮箱验证码)
- 关于相同页面用一个页面实现,点击datalist中Button按钮出现“回发或回调参数无效......”
- js实现:点击一个按钮,弹出一个div,并向其中传值,修改后,再传出
- 实现在html上点击一个按钮出现一张照片
- 点击一个按钮实现在不同对话框之间的切换,帮忙看下这代码能不能这样写,为什么不对呀