jqgrid 的编辑信息提示

最新推荐文章于 2019-12-16 20:50:40 发布

weixin_34279184

最新推荐文章于 2019-12-16 20:50:40 发布

阅读量145

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ibgo/p/3418326.html

本文详细介绍了在使用jqgrid进行编辑操作时，如何通过JavaScript代码实现当编辑成功或失败时，正确显示对应信息并清除之前的信息。具体包括隐藏信息栏、显示错误或成功消息以及根据操作结果决定窗体是否消失。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在编辑时，无外乎两种结果：成功和失败。在form edit的弹出编辑窗体中隐藏了两个单元（td），一个的ID是FormError，另一个没有id，有class叫做topinfo。就是这两个家伙可以分别来显示错误信息和操作成功的信息。

以下在firebug中截图：

FormError在topinfo的上面，因此如果第一次操作成功（true），如果窗体不消失，在窗体上再次编辑后提交失败（false），则错误信息会出现在第一次成功信息的上面！

所以要在提交失败的语句段中清除成功信息。

以下是javascript代码：

 1  function Z_AfterSubmit_Edit(response, postdata) {
 2         var DialogVars = $.parseJSON(response.responseText);//响应信息
 3         $infoTr = $("#TblGrid_" + $.jgrid.jqID(this.id) + ">tbody>tr.tinfo"),
 4         $infoTd = $infoTr.children("td.topinfo");//信息栏
 5         if (DialogVars.success) {
 6             var myInfo = '<div class="ui-state-highlight ui-corner-all">' +
 7                             '<span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>' +
 8                             DialogVars.message +
 9                          '</div>'
10             $infoTd.html(myInfo);
11             $infoTr.show();
12             return [true, myInfo, ""];
13         } else {
14             var myInfo = //'<div class="ui-state-highlight ui-corner-all">' +
15                          '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>' +
16                             DialogVars.message +
17                         '</div>'
18             //错误信息是在id为FormError的单元格显示
19             $infoTr.hide();//隐藏信息栏以免同时显示info和FormError
20             return [false, myInfo, ""];
21         }
22     }