zoukankan      html  css  js  c++  java
  • 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--


  • 相关阅读:
    Cousera课程Learning How to Learn学习报告
    C语言中当无符号数遇到符号数
    STC15 串口(工作方式1)使用小结
    取C语言头文件的文件名
    linux 的 shell 逻辑
    Win7 局域网内简单共享的设置
    写了一个批处理,可以实现文件备份,自动对比删除冗余文件。
    C语言 函数指针的应用
    自动控制原理 典型环节频率特性对比
    51单片机汇编的溢出标志位OV和进位标志位CY
  • 原文地址:https://www.cnblogs.com/ibgo/p/3418326.html
Copyright © 2011-2022 走看看