`

添加时弹出对话框表单

    博客分类:
  • js
阅读更多

1.在添加时候弹出对话框式的表单:
  


显示页面:
<%@ page contentType="text/html; charset=GBK" %>
<%@ taglib uri="/WEB-INF/struts-app.tld" prefix="app" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<jsp:useBean id="st_serachdatabean" scope="session" class="com.execrm.webcommon.table.TableBean"/>

<html>
<head>
<title></title>
<link rel="stylesheet" href="<html:rootpath/>/include/crmstyle.css">
</head>
<body style="margin:0px;overflow:hidden;" width="100%" height="100%">
<script lanuage="javascript">
</script>
<html:form action="/bm/stockaction">
<html:hidden property="code"/>
<html:hidden property="supplier"/>
<html:hidden property="supplierid"/>
<html:hidden property="status"/>
<html:hidden property="startdate"/>
<html:hidden property="enddate"/>

<html:hidden property="optype"/>
<html:hidden property="stockid"/>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
        <tr>
        <td width="100%" height="100%" valign="top">       
          <%
                //设置隐藏第1列
                st_serachdatabean.setUnVisiable(0);              
                st_serachdatabean.setCaption("列表");
                String str = new String();
                str = "<nobr>";
                        str += "<input type=\"button\" name=\"goods\" value=\"到货\" class=\"listbutton2\" onclick=\"onGoods(this.form);\">";
                str += "<input type=\"button\" name=\"takeeffect\" value=\"生效\" class=\"listbutton2\" onclick=\"TakeEffect(this.form);\">";
                str += "<input type=\"button\" name=\"mod\" value=\"修改\" class=\"listbutton2\" onclick=\"onMod(this.form);\">";
                str += "<input type=\"button\" name=\"add\" value=\"新增\" class=\"listbutton2\"  onclick=\"onAdd(this.form);\">";
                str += "<input type=\"button\" name=\"del\" value=\"删除\" class=\"listbutton2\"  onclick=\"onDel(this.form);\">";
                str += "</nobr>";
                st_serachdatabean.setOperationStr(str);
                //设置列点击事件
            st_serachdatabean.setHref(1,0,"onMod");
                st_serachdatabean.printTable(out);
        %>
        </td></tr>
</table>
</html:form>
</body>

<script lanuage="javascript">

        if(document.forms[0].optype.value == "cantdel"){
                alert("该采购单存在明细项,请先删除其明细项!");
                document.forms[0].optype.value ='';
        }
       
        //增加
        function onAdd(form)
{
                var returndata = window.showModalDialog("<html:rootpath/>/bm/001/StockInfoFrame.jsp?optype=0","新增信息","dialogHeight:450px;dialogWidth:700px; edge: Raised; center: Yes; help: No; resizable: yes; status: No ;");
                if (returndata != null){          
                        //refresh list
                        document.forms[0].optype.value = '';
                        document.forms[0].submit();
                }
        }

       
       

</script>
</html>



添加信息页:

<%@ page contentType="text/html; charset=GBK" %>
<%@ taglib uri="/WEB-INF/struts-app.tld" prefix="app" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>

<html:html>
<head>
<title></title>
<link rel="stylesheet" href="<html:rootpath/>/include/crmstyle.css">
<script type="text/javascript" src="<html:rootpath/>/include/crmmain.js"></script>
<script type="text/javascript" src="<html:rootpath/>/staticJavascript.jsp"></script>
</head>

<body style="margin:0px;overflow:auto;" width="100%" height="100%">
<html:form action="/bm/stockaction" focus="code ">  
<html:hidden property="optype"/>
<html:hidden property="stockid"/>     
<html:hidden property="supplierid"/>
<html:hidden property="employeenameid"/>
<%--<html:hidden property="transcompanyid"/>
--%>
<table class="lineTable" id="Table2" cellspacing="0" cellpadding="0" width="100%">
        <tr>
                <td background="<html:rootpath/>/image/xj.gif" class=dthtxt><img src="<html:rootpath/>/image/TA.gif" width="18" height="11">详细信息</td>
        </tr>
        <tr><td class="tdtable" width="100%" height="100%">
                <table  width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                                <td width="4px"><nobr>采购单号<font color="#FF0000">*</font></nobr></td>
                                <td width="30%"><html:text property="code" styleClass="stext" style="width:100%;" /></td>
                                <td width="4px">&nbsp;</td>                       
                                <td width="4px"><nobr>采购员</nobr></td>
                                <td width="30%"><html:crmsel property="employeename" strname="'sm_employee', 'employeename~employeenameid~'" styleClass="stext"  style="width:100%;"/></td>                               
                                <td width="4px">&nbsp;</td>
                                <td width="4px"><nobr>采购日期</nobr></td>
                                <td width="30%"><html:date property="stockdate"  readonly="true" styleClass="rstext" maxlength="50"  style="width:100%;" /></td>
                                <td width="4px">&nbsp;</td>
                        </tr>
                        <tr>
                                <td width="4px"><nobr>供应商<font color="#FF0000">*</font></nobr></td>
                                <td width="30%"><html:crmsel property="supplier" strname="'pm_supplier', 'supplier~supplierid~linkman~linktel~'" styleClass="stext" style="width:100%;"/></td>
                                <td width="4px">&nbsp;</td>
                                <td width="4px"><nobr>联系人</nobr></td>
                                <td width="30%"><html:text property="linkman"  styleClass="stext" style="width:100%;"/></td>                                               
                                <td width="4px">&nbsp;</td>
                                <td width="4px"><nobr>联系电话</nobr></td>
                                <td width="30%"><html:text property="linktel"  styleClass="stext" style="width:100%;"/></td>                                                       
                                <td width="4px">&nbsp;</td>                       
                        </tr>
                        <tr>
                                <td width="4px"><nobr>发货方式<font color="#FF0000">*</font></nobr></td>
                                <td width="30%"><html:resourceselect property="transmethod" resourceid="VM001"  styleClass="sselect" style="width:100%;"/></td>                               
                                <td width="4px">&nbsp;</td>
                                <td width="4px"><nobr>发货起始地</nobr></td>
                                <td width="30%"><html:text property="transsource"  styleClass="stext" style="width:100%;"/></td>                                               
                                <td width="4px">&nbsp;</td>
                                <td width="4px"><nobr>发货目的地</nobr></td>
                                <td width="30%"><html:text property="transdestination"  styleClass="stext" style="width:100%;"/></td>                                                       
                                <td width="4px">&nbsp;</td>                       
                        </tr>
                        <tr>
                                <td width="4px"><nobr>货运公司</nobr></td>
                                <td width="30%"><html:text property="transcompany"  styleClass="stext" style="width:100%;"/></td>
                                <td width="4px">&nbsp;</td>
                                <td width="4px"><nobr>联系方式</nobr></td>
                                <td width="30%"><html:text property="translinkway"  styleClass="stext" style="width:100%;"/></td>                                               
                                <td width="4px">&nbsp;</td>
                                <td width="4px"><nobr>税率</nobr></td>
                                <td width="30%"><html:text property="taxrate"  styleClass="stext" style="width:100%;" onkeypress="editKeyBoard(this,'0123456789.','请输入数字型数据');"/></td>                                                       
                                <td width="4px">&nbsp;</td>                       
                        </tr>
                        <tr>

                                <td width="4px"><nobr>付款方式</nobr></td>
                                <td width="30%"><html:resourceselect property="paymethod" resourceid="VM005" isnull="1" styleClass="sselect" style="width:100%;"/></td>                               
                                <td width="4px">&nbsp;</td>
                                <td width="4px"><nobr>应付金额</nobr></td>
                                <td width="30%"><html:text property="apamount"  readonly="true" styleClass="rstext" style="width:100%;"/></td>                       
                                <td width="4px">&nbsp;</td>
                                <td width="4px"><nobr>实付金额</nobr></td>
                                <td width="30%"><html:text property="fpamount"  readonly="true" styleClass="rstext" style="width:100%;" /></td>
                                <td width="4px">&nbsp;</td>
                        </tr>
                        <tr>
                                <td width="4px"><nobr>付款状态</nobr></td>
                                <td width="30%"><html:text property="paystatus"  readonly="true"  styleClass="rstext" style="width:100%;"/></td>
                                <td width="4px">&nbsp;</td>
                                <td width="4px"><nobr>到货状态</nobr></td>
                                <td width="30%"><html:text property="transstatus" readonly="true" styleClass="rstext" style="width:100%;"/></td>
                                <td width="4px">&nbsp;</td>
                                <td width="4px"><nobr>采购单状态</nobr></td>
                                <td width="30%"><html:text property="status"  readonly="true" styleClass="rstext" style="width:100%;"/></td>                               
                                <td width="4px">&nbsp;</td>
                        </tr>
                        <tr>
                                <td width="4px" valign="top"><nobr>备注</nobr></td>
                                <td width="*" colspan="7"><html:textarea property="memo" styleClass="stextarea" style="width:100%;height=55px;"
                                ></html:textarea></td>
                                <td width="4px">&nbsp;</td>
                        </tr>
                        <tr>

                                <td width="*" colspan="8" align="center">
                                        <input type="button" name="ok" value="保存" class="formbutton2" onclick="onSave(this.form)">
                                </td>
                                <td width="4px">&nbsp;</td>
                        </tr>                       
                </table>
        </td></tr>
        <tr><td><iframe name="sublist" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 2" scrolling=auto  frameborder=0
                        ></iframe></td>
          </tr>
</table>
</html:form>

<script type="text/javascript" language="Javascript1.1">
       
        sublist.location.href="<html:rootpath/>/bm/stockaction.do?optype=6&stockid=<%= request.getParameter("stockid")%>&status="+document.forms[0].status.value;
       
       
       
        if (document.forms[0].optype.value == '1' || document.forms[0].optype.value == '4'){
                parent.parent.window.returnValue = "refresh";
        }

    function checkData(form) {
                //判断数据是否为空
                if (form.code.value == ''){
                        alert('采购号不能为空!');
                        return false;
                }
                if (form.supplier.value == ''){
                        alert('供应商不能为空!');
                        return false;
                }
                if (form.transmethod.value == ''){
                        alert('发货方式不能为空!');
                        return false;
                }
                return true;               
    }
       
        function onClose(){
                window.close();
        }
        function onSave(form ){               
                if(checkData(form)){
                        if(form.optype.value == "0")
                                form.optype.value = "1";
                        else if(form.optype.value=="3")
                                form.optype.value = "4";
                                form.submit();
                }
        }       
</script>
</body>
</html:html>

分享到:
评论

相关推荐

    WEB弹出对话框

    标题提到的"WEB弹出对话框"指的是在网页上显示的模态或非模态窗口,它们可以用来提示信息、询问用户或展示表单等。 描述中提到有两个控件可以直接添加到VS2005的工具箱中,这意味着开发者可以通过简单的拖放操作将...

    表单验证弹出对话框

    "表单验证弹出对话框"这个主题就是关于如何在用户提交表单时进行验证,并通过弹出对话框来提示用户未完成或错误的输入。下面将详细解释这一知识点。 首先,"带*内容必填"是指在表单中,用星号(*)标记的字段代表是...

    Jquery弹出对话框

    **jQuery弹出对话框详解** 在网页开发中,与用户交互是至关重要的,而弹出对话框正是实现这种交互的有效手段。jQuery,作为一款广泛使用的JavaScript库,提供了丰富的功能来简化DOM操作,其中包括创建和控制弹出...

    asp.net漂亮弹出对话框控件源码及示例

    在这个“asp.net漂亮弹出对话框控件源码及示例”中,我们可以期待学习到如何在ASP.NET应用中实现美观且功能丰富的弹出对话框。 弹出对话框是用户界面中的一个重要元素,它能够提供额外的信息或者进行交互操作,而...

    js控制弹出对话框js控制弹出对话框

    通过为这些事件添加监听器,可以在合适的时候弹出对话框。 8. 模态对话框与非模态对话框:模态对话框会阻止用户与页面其他部分的交互,直到对话框关闭。非模态对话框则允许用户在对话框打开时继续操作页面。根据...

    jquery弹出登录对话框

    在网页开发中,提供友好的用户交互体验是至关重要的,其中,弹出对话框是一种常见的交互方式。在本文中,我们将深入探讨如何利用jQuery库创建一个弹出登录对话框,为用户提供无缝且直观的登录功能。 一、jQuery简介...

    服务器端弹出对话框确认

    在IT行业中,服务器端弹出对话框确认是一种常见的交互设计技术,主要应用于用户提交关键操作前需要确认的情景。在Web应用中,我们通常通过JavaScript或者服务器端脚本实现这一功能,以确保用户对即将执行的操作有...

    jquery 弹出对话框 2个

    本篇文章将深入探讨jQuery中的两种弹出对话框实现方法,基于给定的"jquery 弹出对话框 2个"主题。 首先,我们来看第一种弹出对话框——jQuery UI Dialog。jQuery UI是jQuery的一个扩展库,提供了丰富的UI组件,其中...

    页面弹出各种对话框的代码

    在网页开发中,有时我们需要与用户进行交互,这时页面弹出的对话框就显得尤为重要。对话框可以用于提示信息、确认操作或者获取用户输入。在本主题中,我们将深入探讨如何利用JavaScript和HTML来实现页面上的各种...

    jQuery触屏弹出对话框.zip

    "jQuery触屏弹出对话框"主要功能是提供一个可自定义的对话框,当用户触发特定事件时,如点击按钮或者滑动屏幕,对话框会弹出显示。这些对话框可以用来显示警告、确认信息,或者用于表单提交等场景。关键在于,这个...

    jQuery Dialog 弹出层对话框插件(可加载url地址)

    **jQuery Dialog弹出层对话框插件:深入解析与应用** jQuery Dialog是jQuery UI库中的一个组件,它提供了一种优雅的方式在网页上创建交互式的弹出层对话框。这个插件不仅允许用户展示信息,还可以加载外部URL内容,...

    点击登录注册按钮后弹出对话框

    JavaScript则用于处理用户的交互行为,比如点击按钮后弹出对话框,以及实现对话框内的表单验证。 在描述中提到的“渐变弹出”,这涉及到CSS3的过渡(transition)和动画(animation)属性。通过设置这些属性,可以...

    x0popup-纯js弹出对话框插件

    《x0popup:纯JavaScript实现的弹出对话框插件详解》 在Web开发中,弹出对话框是一种常见的交互元素,它能够提供用户与网页更深入的交互体验。x0popup是一个专为JavaScript设计的弹出对话框插件,它以轻量级、灵活...

    javascript 弹出模态对话框

    JavaScript弹出模态对话框是前端开发中常见的一种交互方式,用于向用户显示重要的信息、询问用户或收集数据。模态对话框具有阻止用户在对话框关闭前与页面其他部分互动的特点,确保用户关注到对话框中的内容。在这个...

    jQuery实现的点击显示弹出对话框关闭按钮特效源码.zip

    在弹出对话框时,`#dialogBox`的`display`属性会从`none`变为`block`或`flex`等,使其可见。 对话框的关闭按钮特效通常涉及到另一个点击事件。例如,我们可以添加一个带有ID的关闭按钮,如`#closeBtn`,然后设置一...

    弹出对话框

    在IT领域,弹出对话框是一种常见的用户界面交互方式,用于获取用户输入或显示通知信息。对话框通常从主窗口中分离...无论是简单的消息提示还是复杂的表单提交,弹出对话框都能提供一种直观且易于控制的方式与用户沟通。

    jQuery手机端弹出对话框插件.zip

    【jQuery手机端弹出对话框插件】是一个针对移动设备优化的交互组件,它基于流行的JavaScript库jQuery构建,旨在提供一种高效、灵活的方式来在手机网页上实现弹出对话框功能。这种插件对于提升用户体验,特别是在移动...

    jQuery模态弹出对话框效果 共三种形式.rar

    本文将详细解析"jQuery模态弹出对话框效果 共三种形式.rar"这一资源,帮助你理解和应用jQuery中的模态弹出对话框。 首先,jQuery模态对话框(Modal Dialog)是一种在网页上显示信息或与用户交互的有效方式。它通常...

    hDialog 漂亮的弹出层html 取代alert

    hDialog 还支持弹出包含表单的对话框,这在需要用户输入数据的场景下非常有用。表单可以包含文本框、选择框、复选框等多种输入元素,并能进行验证和提交处理。 6. **可扩展性**: hDialog 通常设计为模块化,方便...

    网页模板——js alert confirm样式弹出对话框特效源码.zip

    本资源是一个关于JavaScript(js)实现的alert和confirm样式弹出对话框特效的源码,适用于网页开发者们进行定制和增强用户体验。Alert和Confirm对话框是JavaScript中常见的两种用户交互元素,用于向用户展示信息或...

Global site tag (gtag.js) - Google Analytics