2017-08-31 78 views
0

如何更換jqGrid的警報消息(成功添加,刪除)來引導警報?我使用的jqGrid 5.2.1。由於我們使用的jqGrid下面的代碼警報如何使用引導警報,而不是jqGrid的警報

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

你應該使用功能構建常用功能$ .jgrid.info_dialog這樣

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

更多*請聯繫您使用的商業[Guriddo jqGrid JS](http://guriddo.net/?page_id=103334)的開發人員*。 jqGrid的可選擇性的叉子,[自由的jqGrid(https://github.com/free-jqgrid/jqGrid),我發展,允許自定義一個函數'$ .jgrid.defaults.fatalError'和jqGrid的調用函數*而不是*'alert'。關閉功能應該提供Guriddo jqGrid來實現您的需求。 – Oleg

+0

@Aishwarya而不是alert,您可以使用使用Bootstrap模式的命令。 [看這裏(https://getbootstrap.com/docs/3.3/javascript/#modals)如果我想使用引導警報那麼我需要自由的jqGrid做如何調用這個,而不是警報() –

+0

@Oleg ?你能解釋一下嗎我是新手 – Aishwarya

回答

0

首先我要提醒,該alert將使用免費的jqGrid非常很少,只有在關鍵的情況下,例如,如果電網能夠」根本不會創造。

在另一邊,一個人可能要求不使用alert公司的共同政策和共同要求每一個JavaScript的模塊。它將對應於某些網絡瀏覽器的政體(例如,參見the article)。的要求

再舉一個例子,以取代alert使用將創建單元測試,其中明確再現了一些錯誤。僅在不顯示阻止alert的情況下測試是否存在錯誤會很有幫助。

在任何方式自由的jqGrid允許定義$.jgrid.defaults.fatalError方法,該方法將由的jqGrid 代替alert使用。例如,可以使用下面的代碼

$.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(); 
     })   
}; 

創建任何網格之前。

https://jsfiddle.net/OlegKi/c70pfv6r/是一個簡單的網格,它採用引導CSS。我在代碼中包含了$.jgrid.defaults.fatalError,但它不會被真正使用。我修改了演示,以包含colNames參數,其長度不對應colModel參數的長度:https://jsfiddle.net/OlegKi/c70pfv6r/1/。 jqGrid無法創建網格,在這種情況下它使用alert。一個對方一會看到下面的DIV來代替:

enter image description here

0

,我認爲有一個更easer辦法做到這一點。在Guriddo jqGrid的的情況下,在這個問題宣佈有可能在共同Guriddo的jqGrid可以look here