easyui网页弹出实现窗口切换

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;">&nbsp;<b>*</b></label></td>
     <td style="width: 38%; height: 23px; border-top-style: none; border-right-style: none;">&nbsp;<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;">&nbsp;<b>*</b></label></td>
     <td style="width: 38%; height: 23px; border-top-style: none; border-right-style: none;">

&nbsp;<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">&nbsp;<input type="radio"
      id="touZiFangTianFangShi1" name="fdipXiangMuQueryBean.touZiFangTianFangShi" checked="checked" value="1"
      onclick="doCheck('touZiFangTianFangShi1','1');" />手动填写 &nbsp;<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;">&nbsp;<b>*</b></label></td>
     <td style="width: 38%; height: 23px; border-top-style: none; border-right-style: none;">&nbsp;<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;">&nbsp;<b>*</b></label></td>
     <td style="width: 38%; height: 23px; border-top-style: none; border-right-style: none;">&nbsp;<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;">&nbsp;<b>*</b></label></td>
     <td style="width: 88%; height: 23px; border-top-style: none; border-right-style: none;" colspan="3">&nbsp;<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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值