Js div jsp实现互动对话框

JS文件

function addForm(){ 
    $('#empNo').val('');  
    $('#name').val('');
    $('#phone').val('');
    $('#phone2').val('');
    $('#orgId').val('');
    $('#orgName').val('');
    $('#level').val('');  
    $('#keyName').val(''); 
    $('#parentId').val(''); 
    $('#parentName').val('');
    $('#plantId').val(''); 
    $('#memo').val('');  
    $('#status').val('');
    $('#btnSalesMan').css("display","none");
    $('#jqmFooter').css("display","block");
clearValidate(".BaseInfo");
action = 'add';
showModal(350,500);
}

function editForm(id,view){
$("#loading").show();
var o=dbwtool.callDWRSync('SlPamSalesManDWR.getSlPamSalesManDto',[id]);
Id=o.id;
$('#empNo').val(o.empNo);
$('#name').val(o.name);
$('#phone').val(o.phone);
$('#phone2').val(o.phone2);
$('#orgId').val(o.orgId);
$('#orgName').val(o.orgName);
    $('#parentName').val(o.parentName==null?"":o.parentName);
    $('#parentId').val(o.parentId);
    $('#memo').val(o.memo);
    $('#status').val(o.status);
    $('#btnSalesMan').css("display","none");
    if(view==0)
     $('#jqmFooter').css("display","block");
    else 
     $('#jqmFooter').css("display","none");
action = 'edit';
showModal(350,500);
$("#loading").hide();
}

JSP页面

<div class="titleBar">
<span style="float: left;">参数管理-业务员档案</span><br/>
<span style="float: right"><a href="javascript:void(0);" onClick="addForm()"><img src='<%=ctxPath%>/image/admin/btn_add.gif'/>增加</a></span>
</div>

<s:form id="mainForm" name="mainForm" action="slPamSalesMan" namespace="/sl" method="post">
<div id="mainPanel">
    <table class="cssraindemo1"></table>
<table class="cssraindemo2">
   <thead>
<tr>
<th>业务员编号</th><th>业务员姓名</th><th>联系电话1</th><th>联系电话2</th><th>直接上级</th><th>所属部门</th><th>备注</th><th width="120px">操作</th>
</tr>
   </thead>
        <tbody id="main">
            <c:forEach items="${page.result}" var="slPamSalesMan" varStatus="status">
   <tr>
   <td>${slPamSalesMan.empNo}</td>
<td>${slPamSalesMan.name}</td>
<td>${slPamSalesMan.phone}</td>
<td>${slPamSalesMan.phone2}</td>
<td><c:if test=" ${slPamSalesMan.parentName==null}">无</c:if> ${slPamSalesMan.parentName}</td>
<td>${slPamSalesMan.orgName}</td>
<td>${slPamSalesMan.memo}</td>
<td nowrap>
              
               <c:choose>
                 <c:when test="${slPamSalesMan.status==1}">
                  <a href="#" onClick="editForm(${slPamSalesMan.id},0);"><img src="<%=ctxPath%>/image/admin/btn_edit.gif"/>修改</a>
                  <a href="#" onClick="stopUsed(${slPamSalesMan.id},'${slPamSalesMan.name}');"><img src="<%=ctxPath%>/image/admin/cancel.png"/>停用</a>
                  <a href="#" onClick="del(${slPamSalesMan.id});"><img src="<%=ctxPath%>/image/admin/btn_delete.gif"/>删除</a>
                 </c:when>
                 <c:otherwise>
                     <a href="#" onClick="editForm(${slPamSalesMan.id},1);"><img src="<%=ctxPath%>/image/admin/btn_search.gif"/>查看</a>
                  <a href="#" onClick="changeSalesManStatus(${slPamSalesMan.id},1);"><img src="<%=ctxPath%>/image/admin/accept.png"/>启用</a>
                 </c:otherwise>
               </c:choose>
                          
             
</td>
</tr>
</c:forEach>
        </tbody>
    </table>
    <br>
<app:page pageNo="${pageNo}"  recordCount="${page.recordCount}"  pageSize="${pageSize}"  url="${ctxPath}sl/slPamSalesMan.do" formName="mainForm"/>
</div>
</s:form>

<div id="EditForm" class="jqmWindow">

    <div id="jqmTitle"><button class="jqmClose">X</button><span id="jqmTitleText">业务员档案</span></div>
<div id="jqmContent">
   <form id='form1' >
<div id="editPanel" class="CreatePanel">
       <div class="BaseInfo">
    <ul>
<li>
   <label>业务员编号</label>
<input id="empNo" type="text" reg="." tip="业务员编号是必填项" />
</li>
<li>
<label>业务员姓名</label>
<input id="name" type="text" reg="." tip="业务员姓名是必填项" />
</li>
<li>
<label>联系电话1</label>
<input id="phone" type="text" reg="." tip="联系电话是必填项" />
</li>
<li>
<label>联系电话2</label>
<input id="phone2" type="text" reg="." tip="联系电话是必填项" />
</li>
<li>
<label>直接上级</label>
<input id="parentName" type="text"  readonly/>
<input id="parentId" type="hidden" />
<a href="#" οnclick="showDialogs();"><img src="<%=ctxPath%>/image/admin/btn_search.gif"/>查询</a>
</li>
<li>
<label>所属部门</label>
<input id="orgName" type="text" reg="." tip="所属部门是必填项" readonly/>
<input id="orgId" type="hidden"/>
            <a href="#" onClick="showOrgDialog()"><img src='/erp/image/admin/btn_search.gif'/>查询</a>
   </li>
   <li>
<label>备注</label>
<textarea id="memo"></textarea>
   </li>
   </ul>
   </div>
   </div>
   </form>
</div>
    <div id="jqmFooter">
<a href="#" onClick="doSave();"><img src='<%=ctxPath%>/image/admin/btn_save.gif'/>保存</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#" onClick="$('#EditForm').jqmHide();"><img src='<%=ctxPath%>/image/admin/btn_exit.gif'/>关闭</a>
    </div>
<div class="jqHandle jqResize"></div>

</div>