如何使用引导程序警报而不是jqgrid警报

时间:2017-08-31 07:11:46

标签: javascript jqgrid alert

如何将jqgrid警报消息(成功添加,删除)替换为引导警报?我正在使用JQGRID 5.2.1。正如我们在jqgrid中使用以下代码进行警报

 if (response.responseText) {  
         alert(response.responseText);  
                        } 

2 个答案:

答案 0 :(得分:1)

首先,我想提醒一下,免费的jqGrid将极少使用trait Operation case class OpSUM[T: TypeTag]() extends Operation { typeOf[T] match { case t if t =:= typeOf[String] => Do some string work case t if t <:< typeOf[Int] => Do some Int work ... } } case class OpAVG[T: TypeTag]() extends Operation { typeOf[T] match { case t if t =:= typeOf[String] => Do some string work case t if t <:< typeOf[Int] => Do some Int work ... } } ... ,并且仅在关键情况下使用,例如,如果网格不能创造了一切。

另一方面,可能要求不要将alert用作公司的通用策略,并且作为每个JavaScript模块的通用要求。它将对应于某些Web浏览器的政体(例如,请参阅the article)。

要求替换alert用法的另一个例子是创建单元测试,它会明确地再现一些错误。仅在不显示阻止alert的情况下测试错误的存在会很有帮助。

以任何方式,免费的jqGrid允许定义alert方法,jqGrid 将代替 $.jgrid.defaults.fatalError使用该方法。例如,可以使用下面的代码

alert
在创建任何网格之前

https://jsfiddle.net/OlegKi/c70pfv6r/是一个简单的网格,它使用Bootstrap CSS。我在代码中包含了$.jgrid.defaults = $.jgrid.defaults || {}; $.jgrid.defaults.fatalError = function (errorText) { $("body").prepend('<div class="alert alert-danger alert-dismissable">' + '<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>' + '<h4 class="alert-heading">Error</h4>' + '<p>' + errorText + '</p>' + '</div>').alert() .on('closed.bs.alert', function () { $(this).remove(); }) }; ,但它并没有真正使用过。我修改了演示以包含$.jgrid.defaults.fatalError参数,其长度不对应colNames参数的长度:https://jsfiddle.net/OlegKi/c70pfv6r/1/。 jqGrid无法创建网格,在这种情况下它使用colModel。另一方面会看到以下div:

enter image description here

答案 1 :(得分:0)

我认为有一种更容易实现的方法。如果在问题中声明了Guriddo jqGrid,则可以像这样使用常见函数$ .jgrid.info_dialog中的构建

if (response.responseText) {  
         $.jgrid.info_dialog('My Title', response.responseText, 'Close', { styleUI : 'Bootstrap'});

有关常见Guriddo jqGrid函数的更多信息,您可以look here