Form提交打开固定大小窗口的解决办法

<!--

将数据提交到一个固定大小的窗口页面

之所以window的name在后面来赋值,是为了提高打开一个新页面的效率,一般来说

我们要打开一个固定名称的窗口时,比如window.open "xxx.asp","windowname"

如果客户端打开多个IE窗口,window.open的时候会首先检测客户端每个IE窗口是否有重名,

如果有重名会直接提交到重名窗体中,在这里有一个检测的过程,所以打开速度会非常慢。

所以在这里使用的是先打开页面,后赋name的做法。

开始

-->

<Form id="frm_List" name="frm_List" Method="Post">

<input type=hidden id="hid_Record" name="hid_Record">

</Form>

<Script Language=VBScript>

Dim objWin

With document.all("frm_List")

.item("hid_Record").Value = "100"

.Action = "update.asp"

.Target = "WindowName"

Set objWin = window.Open ("about:blank","","")

objWin.Name = "WindowName"

.Submit

End With

</Script>

<!--结束-->

<think>好的,用户之前让我仿写职位管理的代码来实现用户的添加和编辑功能,现在他们又提到地址文本太长,希望仿照职位管理的文本长度调整,并且优化窗的大小。我需要先回顾之前的对话,看看职位管理的代码和视图部分是如何处理的。 首先,用户提供的职位管理代码中,前端视图部分使用了Layui架,之前的回复已经调整了布局,使用了栅格系统来分列显示表单字段。用户现在指出地址太长,应该和职位管理中的其他文本长度一致,可能需要统一设置宽度。同时,用户还提到大小也需要优化,这可能是指添加或编辑时的窗口尺寸不合适。 我需要检查之前的地址字段代码。在用户提供的视图代码中,地址输入的宽度被设置为400px,而其他字段如邮箱和电话更短。职位管理中的文本可能根据字段内容长度有不同的宽度设置。因此,需要将地址的宽度调整为与其他较长字段一致,比如200px左右,或者根据内容长度合理调整。 另外,用户提到大小。之前的回复可能没有涉及窗的尺寸调整,所以需要查看控制器中的视图部分是否有窗定义,或者前端是否有相关的窗配置。例如,在Layui中,可能使用layer.open来打开窗,需要设置宽高参数。 接下来,我应该修改地址字段的宽度,使其与其他适当长度的字段一致。比如,将style="width: 400px;"改为style="width: 200px;"或者使用layui-input-inline类来统一宽度。同时,检查其他字段的宽度是否一致,确保整体布局协调。 关于大小,可能需要修改窗的初始化代码,设置area属性来调整宽高。例如,在打开窗时,指定area: ['600px', '400px']来调整大小,使其更合适表单内容,避免过大或过小。 还需要考虑响应式设计,确保在不同屏幕尺寸下窗和表单的显示效果良好。可能需要使用百分比宽度或最大宽度限制,但根据用户需求,直接固定宽度可能更符合要求。 最后,确保修改后的代码在功能上没有问题,比如表单提交、数据绑定等。同时,检查CSS样式是否冲突,确保调整后的宽度和大小正确应用。 </think>以下是针对文本长度和大小的优化方案: ```html <!-- 优化后的地址字段 --> <div class="layui-form-item"> <label class="layui-form-label">地址</label> <div class="layui-input-inline"> <input type="text" name="Address" class="layui-input" style="width: 200px;"> </div> </div> <!-- 窗调用示例 --> <script> layui.use('layer', function(){ var layer = layui.layer; // 打开编辑窗时设置尺寸 layer.open({ type: 1, title: '用户信息管理', area: ['600px', '420px'], // 宽度600px,高度420px content: $('.editInfo'), // 引用表单容器 btn: ['保存', '重置', '关闭'], yes: function(index, layero){ // 保存逻辑 layer.close(index); }, btn2: function(index, layero){ // 重置逻辑 return false; // 阻止默认关闭 } }); }); </script> ``` **优化说明:** 1. 地址字段: - 使用`layui-input-inline`替代`layui-input-block` - 固定宽度为200px(与职位编码/名称字段保持一致) - 移除冗余的`style="padding:20px;"`内联样式 2. 窗尺寸: - 设置标准尺寸`['600px', '420px']`适配调整后的表单 - 添加明确的按钮组(保存/重置/关闭) - 使用`content`直接引用表单容器实现无缝集成 **完整布局建议:** ```html <!-- 容器样式优化 --> <div class="editInfo" style="padding: 15px;"> <!-- 表单内容保持之前的优化结构 --> </div> <!-- 全局样式补充 --> <style> .layui-layer-content { overflow: visible; /* 防止表单元素被裁剪 */ } .layui-form-item .layui-input-inline { width: 200px; /* 统一主要输入宽度 */ } </style> ``` **扩展配置:** ```javascript // 自动调节大小(根据内容动态调整) function autoResizeLayer() { var contentHeight = $('.editInfo').outerHeight(); layer.style(index, { height: contentHeight + 60 + 'px' // 60px为窗头部和底部间距 }); } // 调用方式: var index = layer.open({ // ...其他配置 success: autoResizeLayer }); ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值