0

在内联编辑中,在进行编辑之前,它会在内部创建一个数组 ( savedRow) 并用可编辑字段的值填充它,这样我就可以访问这些值。

我想知道在表单编辑中是否有类似的东西,因为我需要在编辑完成之前访问字段的值,以便在字段“保存”在数据库中之前进行验证。

有人可以帮助我吗?


编辑:

我在这里发布了我的代码的一部分(一个字段的代码),并且我正在尝试以两种方式进行验证(内联编辑和表单编辑)。对于内联编辑,我正在验证使用dataEvents,并且我正在使用savedRow它来访问尚未存储的数据。但是,由于使用了 savedRow,当我尝试使用表单编辑进行编辑时,它向我显示了一个错误:savedRow is not defined. 在这个领域的情况下,editrules适合我想做的事情,但我不知道这是否会发生在所有这些领域。

{ name: 'ac_fd', index: 'ac_fd', width: 50, editable: true,
  formatter: 'number', editrules: { number:true, required:true, minValue: 0.1,
  maxValue: 1.0 }, formatoptions: { decimalPlaces: 1, decimalSeparator: '.'},
     editoptions: {
        dataEvents: [ {
           type: 'blur', fn: function(e) {                        
              var savedrow  = $("#list").getGridParam('savedRow');
              console.log($(this).val());
              if($(this).val() != savedrow[0]['ac_fd']) {         
                 var eid='#' + savedrow[0]['id'] + '_ac_fd';   
                 var val_fd=$(this).val();
                 var fd_min=0.1;
                 var fd_max=1.0;

                 if( isNaN(val_fd) || val_fd > fd_max || val_fd < fd_min) {
                       setTimeout(function(){
                       $(eid).focus().select();
                    },600);


                    $(eid).qtip({
                       content: {
                          text: 'Fator de Demanda deve ser um <b>número</b>
                                 entre <b>' + fd_min.toFixed(1) + '</b> e <b>'
                                 + fd_max.toFixed(1) + '</b>.',
                          title: {
                             text: 'Atenção:',
                             button: true
                          }
                       },
                       show: {
                          event: false,

                          ready: true,

                          effect: function() {
                             $(this).stop(0, 1).fadeIn(400);
                          },

                          delay: 0,
                                                     },
                       hide: {
                          event: false,

                          effect: function(api) {
                             $(this).stop(0, 1).fadeOut(900).queue(function() {
                                 api.destroy();
                             });
                          },
                       },
                       style: {
                          classes: 'qtip-red qtip-rounded trif_tip_err',
                          tip: {
                             width: 10,
                             height:12
                          } 
                       },
                       position: {
                          my: 'bottom left',  
                          at: 'top center',
                       },

                       events: {
                          render: function(event, api) {
                             tip_timer.call(api.elements.tooltip, event);
                          }
                       }
                    });  

                 }       
              }        
           }           
        } ]            
     }                   
  },

所以如果dataEvents是常见的并且用于三种编辑形式,我在哪里可以进行这种类型的验证(也使用 qtip,我希望这种验证也用于内联编辑)?

4

1 回答 1

1

jqGrid之所以在intervalsavedRow参数中保存编辑行,是因为jqGrid就地修改了编辑行。只是因为内联编辑和单元格编辑使用间隔savedRow参数。表单编辑在编辑完成之前不会修改原来的网格行。因此savedRow表单编辑不使用任何参数。

如果表单已关闭或服务器响应将包含一些错误 HTTP 代码,则用户输入的新数据将不会保存在网格中。所以简单的服务器端验证通常就足够了。如果你想实现额外的客户端验证,你可以使用editrules功能。自定义验证通常就足够了。它可以帮助验证表单的一个字段。如果您需要在验证期间比较表单的多个字段(如果一个字段的值定义了另一个字段的有效值),则另外使用beforeCheckValues回调。

更新:在fn事件处理程序内部,您可以测试它是否会在表单编辑内部被调用。有很多方法可以做到这一点。例如,您可以测试$(e.target).closest(".FormGrid").length > 0. 如果它是真的,那么事件就在形式之内。此外,重要的是要了解当前编辑行在服务器上成功保存之前不会更改。因此,您可以随时getGridParam使用"selrow"选项来获取编辑行的 id,您可以使用getRowDatagetCell在修改开始之前从网格中获取数据(与 相同savedrow)。

于 2013-04-01T15:18:32.347 回答