html代码:
<a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-clear" onclick="qieHuan();">切换</a>
<div id="tabJsp" class="easyui-dialog" style="height: 450px; padding: 5px 5px;" iconCls="icon-ok" closed="true" buttons="#tabJsp-buttons" modal="true">
</div>
<div id="tabJsp-buttons" >
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="xieYiUpdateSave()" iconcls="icon-save" id="xieYiSave" >保存</a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#tabJsp').dialog('close')" iconcls="icon-cancel">关闭</a>
</div>
js代码:
function qieHuan(){
var url = 'tabs.jsp';$('#tabJsp').dialog({top:10 ,width:fixWidth(0.8),left:leftPadding(0.8)});
$("#tabJsp").dialog("open").dialog('setTitle', '项目录入');
$('#tabJsp').dialog('refresh', url);
}
弹出窗口页代码:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic Tabs - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../themes/icon.css">
<link rel="stylesheet" type="text/css" href="demo.css">
<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
</head>
<body>
<div class="easyui-tabs" style="width: 100%; height: 100%">
<div title="基本信息" style="padding: 10px">
<table id="xm1" class="tab">
<tr>
<td style="width: 15%; height: 23px; text-align: center; border-left-style: none; border-top-style: none;">项目名称<label
style="color: red;"> <b>*</b></label></td>
<td style="width: 38%; height: 23px; border-top-style: none; border-right-style: none;"> <input id="nameAA"
name="fdipXiangMuQueryBean.name" class="easyui-textbox" size="25" maxlength="40" />
</td>
<td style="width: 15%; height: 23px; text-align: center; border-top-style: none; border-right-style: none;">项目类别<label
style="color: red;"> <b>*</b></label></td>
<td style="width: 38%; height: 23px; border-top-style: none; border-right-style: none;">
<input id="xiangMuLeiBei" class="easyui-combobox"
name="fdipXiangMuQueryBean.xiangMuLeiBei" style="width: 200px;" />
</td>
</tr>
</table>
</div>
<div title="投资方信息" style="padding: 10px">
<table id="xm2" class="tab">
<tr>
<td style="width: 15%; height: 23px; text-align: center; border-left-style: none; border-top-style: none;">投资方填写方式</td>
<td style="width: 85%; height: 23px; border-top-style: none;" colspan="3"> <input type="radio"
id="touZiFangTianFangShi1" name="fdipXiangMuQueryBean.touZiFangTianFangShi" checked="checked" value="1"
onclick="doCheck('touZiFangTianFangShi1','1');" />手动填写 <input type="radio" id="touZiFangTianFangShi2"
name="fdipXiangMuQueryBean.touZiFangTianFangShi" value="2" onclick="doCheck('touZiFangTianFangShi2','2');" />客商库中选择已有投资方
</td>
</tr>
</table>
</div>
<div title="项目信息" style="padding: 10px">
<table id="xm3" class="tab">
<tr>
<td style="width: 15%; height: 23px; text-align: center; border-top-style: none; border-right-style: none;">所属行业<label
style="color: red;"> <b>*</b></label></td>
<td style="width: 38%; height: 23px; border-top-style: none; border-right-style: none;"> <input id="hangYe"
class="easyui-combobox" name="fdipXiangMuQueryBean.hangYe" />
</td>
<td style="width: 15%; height: 23px; text-align: center; border-left-style: none; border-top-style: none;">产业类别<label
style="color: red;"> <b>*</b></label></td>
<td style="width: 38%; height: 23px; border-top-style: none; border-right-style: none;"> <input id="chanYe"
class="easyui-combobox" name="fdipXiangMuQueryBean.chanYe" />
</td>
</tr>
</table>
</div>
<div title="项目进展信息" data-options="" style="padding: 10px">
<table id="xm5" class="tab">
<tr>
<td style="width: 15%; height: 23px; text-align: center; border-left-style: none; border-top-style: none;">时间<label
style="color: red;"> <b>*</b></label></td>
<td style="width: 88%; height: 23px; border-top-style: none; border-right-style: none;" colspan="3"> <input
editable="false" class="easyui-datebox" type="text" name="fdipXiangMuQueryBean.jinZhanShiJian" value=""
id="jinZhanShiJian" />
</td>
</tr>
</table>
</div>
<!-- 废弃<div title="help" data-options="iconCls:'icon-help',closable:true" style="padding: 10px">This is the help content.</div>
</div >-->
</div>
</body>
</html>