• jqgrid 的编辑信息提示


    在编辑时,无外乎两种结果:成功和失败。在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     }

    在jqgrid中调用:

     afterSubmit: Z_AfterSubmit_Edit

    窗体在编辑后是保持显示还是消失,可以通过设置closeAfterEdit的值为true或false来实现。默认的是成功消失,失败时窗体不消失。如果想不管成功还是失败都显示窗体,可以把closeAfterEdit设为false。

     closeAfterEdit: false

    --END--


  • 相关阅读:
    如何将 DataTable 转成 IEnumerable<T> ?
    CodeMonkey少儿编程第7章 函数
    CodeMonkey少儿编程第6章 for循环
    CodeMonkey少儿编程第5章 数组与索引
    CoeMonkey少儿编程第4章 变量
    CodeMonkey少儿编程第3章 times循环
    CodeMonkey少儿编程第2章 turnTo对象
    CodeMonke少儿编程第1章 step与turn
    Web高级 Webpack编译提速思路
    RPC框架
  • 原文地址:https://www.cnblogs.com/ibgo/p/3418326.html
Copyright © 2020-2023  润新知