添加时弹出对话框表单

最新推荐文章于 2022-06-02 20:33:17 发布
最新推荐文章于 2022-06-02 20:33:17 发布
阅读量321 收藏 1
点赞数 1
文章标签： HTML Struts JavaScript Web JSP ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sqh1232008/article/details/83443061
版权

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\" οnclick=\"onGoods(this.form);\">";
                str += "<input type=\"button\" name=\"takeeffect\" value=\"生效\" class=\"listbutton2\" οnclick=\"TakeEffect(this.form);\">";
                str += "<input type=\"button\" name=\"mod\" value=\"修改\" class=\"listbutton2\" οnclick=\"onMod(this.form);\">";
                str += "<input type=\"button\" name=\"add\" value=\"新增\" class=\"listbutton2\"  οnclick=\"onAdd(this.form);\">";
                str += "<input type=\"button\" name=\"del\" value=\"删除\" class=\"listbutton2\"  οnclick=\"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%;" οnkeypress="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" οnclick="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>

sqh1232008
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue表单对话框的新建或修改
Nie2014的博客
07-23 2787
主要使用element-ui中的el-dialog控件，使用场景如下： 表单对话框的标题 根据当前的添加、修改操作展示不同对话框标题。 operation_type: "", textMap: {create: "添加设备", edit: "修改设备",}, 添加 <el-button type="text" icon="el-icon-circle-plus-outline" @click="handleAddDev"> 添加 </el-button>
前端弹出对话框 js实现ajax交互
10-21
本文主要介绍如何使用JavaScript（JS）来实现前端弹出对话框，并结合Ajax进行数据交互。这种技术常用于网页中不跳转页面的情况下，需要用户输入或确认信息的场景。 首先，实现前端弹出对话框的核心在于创建一个覆盖...
html——表单（1）
lengyuefengqing的博客
06-17 430
网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。 语法： 讲解： 1. ：标签是成对出现的，以开始，以结束。 2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method ： 数据传送的方式（get/post）。
HTML表单
qq_38855717的博客
08-02 1210
示例如下： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;表单&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &
jQuery UI实现模态表单Dialog(对话框)，并通过表单的提交异步更新（jQuery ajax）数据
1号帅比的博客
10-12 2256
1.html文件对话框的实现 &lt;!DOCTYPE html&gt; &lt;html xmlns:th="http://www.thymeleaf.org"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;个人信息&lt;/title&gt; &lt;link r
Element常用组件—表格、表单、对话框和分页工具条
m0_61961937的博客
06-02 2675
Element常用组件—表格、表单、对话框和分页工具条演示示例
表单验证弹出对话框
11-26
"表单验证弹出对话框"这个主题就是关于如何在用户提交表单时进行验证，并通过弹出对话框来提示用户未完成或错误的输入。下面将详细解释这一知识点。 首先，"带*内容必填"是指在表单中，用星号(*)标记的字段代表是...
Django使用消息提示简单的弹出个对话框实例
09-18
这样，当用户访问`toast`视图时，他们将在浏览器中看到一个JavaScript弹出的对话框，显示“哈哈哈哈”的消息。请注意，这种方法虽然简单，但在实际应用中，你可能更倾向于使用更优雅的方式来显示消息，比如将消息...
JS弹出对话框返回值代码(asp.net后台)
10-28
当用户点击这个文本框时，将调用前面定义的 `GetUser` 函数，并传入当前文本框及其旁边文本框的客户端ID，以及弹出对话框的 URL。 ### 3. WebDialog.aspx 弹出对话框页面 ```html function Submit() { var arr ...
jQuery实现时尚漂亮的弹出式对话框实例
10-23
在网页设计中，弹出式对话框是一种常见的交互元素，用于显示警告、确认信息或接收用户输入。在本文中，我们将探讨如何使用jQuery创建一款时尚漂亮的弹出式对话框，这个对话框不仅可以增强用户体验，还能为网站增添一...
使用弹出框编辑(增加)表单内容
chuanougong9825的博客
05-12 1642
0、背景 使用Amazeui中Prompt 模态窗口Modal 1、JQuery 功能： 表单复位 获取表单的值，并显示在修改弹出框中（文本框、单选、多选、下拉框） 发送Post异步请求给后台 自刷新 $(function () { //编辑功能 $...
点击按钮弹出表单对话框带透明遮罩
谦虚使人发胖的博客
12-07 1万+
使用模态对话框来请求用户在一个多步骤过程中输入数据。在内容区域嵌入 form 标记，设置 modal 选项为 true，并通过 buttons 选项来指定主要的和次要的用户动作 1. 按钮 2. 用于显示弹窗窗口的div 名称： 3. 使用 Jquery设置 function aa() { $(function() { var name1 = $("#n
【前端】弹出框提交表单
热门推荐
diyinqian的博客
11-03 4万+
目录功能描述功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 功能描述 点击某个按钮后，出现一个弹出框。用户在弹出框填写...
div弹出窗口+表单事件
请告诉他
09-11 1341
Html代码当前页找个地方嵌进去不要影响页面整体结构就行， 主要是没触发这个窗口弹出前是隐藏的 这里为了方便我加用了Jbox ,依赖jquery1.8x，高版本的jquery我这边试过不支持jbox ,比如我试过的 jquery2.x Jbox也是弹出框，点击查看JBOX详细运行案例 Html <div id="MyDiv" class="white_content"> <s:form action="todosomething.html" id="app...
html5添加输入框和按钮,如何在html5表单中的提交按钮中添加确认对话框？(How can I add confirmation dialog to a submit button in html...
weixin_39819152的博客
06-04 514
如何在html5表单中的提交按钮中添加确认对话框？(How can I add confirmation dialog to a submit button in html5 form?)我在django创建了一个应用程序，我遇到了下一个问题：我在html中有一个带有提交按钮的表单，但我想在处理信息之前显示一个确认对话框以选择Yes或No 。 我怎么能这样做？这是我的表单代码：{% csrf_to...
【实习日记】在对话框中写一个表单
weixin_44184425的博客
03-12 1870
页面大概是下面这个样子 说说其中几个遇到的难点吧（东西不难，我太菜了） antd 样式和布局不好改，直接修改 style 属性代码会变得臭长； 文件上传，设为自定义上传后进度条没了； 活动图标下拉框的书写，比较绕； antd 自己维护表单数据，有时数据可能更新但不会触发页面重渲染 解决思路： antd 样式使用 style 标签修改，布局搭配 css-in-module 单独处理 这里文件上传只拿到一个 File 对象，最后提交的时候一块放到 FormData 中（不过还没和后端联调，后续未知）。
前端vue 弹出对话框并向后端提交数据
最新发布
06-10
在弹出对话框中，添加表单元素，用户填写完毕后点击提交按钮，可以通过axios或者vue-resource等http请求库将数据提交给后端。 具体实现步骤如下： 1. 引入组件库，并按照文档使用对应的组件来实现弹出对话框的效果...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值