2017-08-31 17 views
0

jqgridアラートメッセージ(正常に追加、削除)をブートストラップアラートに置き換える方法は?JQGRID 5.2.1を使用しています。私たちは、アラートjqgridアラートの代わりにブートストラップアラートを使用する方法

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

あなたは*必要がありますすることができ、共通のGuriddo jqGrid機能でこの

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

よりのような一般的な関数$ .jgrid.info_dialogでビルドを使用することが可能ですあなたが使用する商用の[Guriddo jqGrid JS](http://guriddo.net/?page_id=103334)の開発者*に連絡してください。私が開発しjqGridのAlternativフォーク、[無料jqGrid](https://github.com/free-jqgrid/jqGrid)は、カスタム関数を定義することができます '$ .jgrid.defaults.fatalError'とjqGridは*関数を呼び出します* '警告 'の代わりに。閉じる機能は、Guriddo jqGridに要件を実装できるようにする必要があります。警告の代わりに@Aishwarya – Oleg

+0

ブートストラップモーダルを使用するコマンドを使用することができます。私は自由jqgridに何をする必要があるか、その後のブートストラップアラートを使用したい場合は –

+0

@Oleg)この代わりの警告を(呼び出す方法(https://getbootstrap.com/docs/3.3/javascript/#modals)[ここを見て]あなたはそれを説明してもらえますか?私はそれを初めて知っていますか? – Aishwarya

答えて

0

グリッドは「できればalertは、非常にめったにだけ重要状況では、例えば自由jqGridによって使用されないことを私は忘れないようにしたいすべての最初に、ためjqgridに次のコードを使用するようまったく作成されません。

反対側では、企業の共通ポリシーとして、またすべてのJavaScriptモジュールに共通の要件として、alertを使用しないでください。これは、一部のWebブラウザの種類に対応します(たとえば、the articleを参照)。

alertを置き換える必要性のもう1つの例は、いくつかのエラーを明示的に再現する単体テストを作成することです。ブロックalertを表示せずにエラーの存在をテストすると便利です。どのような方法フリーjqGridに

はjqGrid 代わりにalertによって使用される$.jgrid.defaults.fatalError方法を定義することを可能にします。例えば、以下のようなコードを使用することができます。

$.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が使用されます。もう一つの側面は、1の代わりに、以下のdivが表示されます。

enter image description here

0

私はこれを行うために多くのeaserな方法があると思います。質問で宣言されGuriddo jqGridの場合、あなたがlook here

関連する問題