jquery.alert ポップアップチェックボックスの実装 code

jquery.alert ポップアップチェックボックスの実装 code_jquery

WBOY

リリース： 2016-05-16 18:51:33

オリジナル

1593 人が閲覧しました

//jQuery Alert Dialogs Plugin Version 1.0
//プラグインのダウンロードアドレス: http://a Beautifulsite.net/notebook/87
それ自体の元のメソッドは次のとおりです:

コードをコピーしますコードは次のとおりです:

// 使用法: 
// jAlert( message, [title, callback] ) 
// jconfirm( message, [title, callback] ) 
// jPrompt( message, [value, title, callback] ) 
1. multicheckbox の新しいパブリック メソッドを追加します。 : 
// パブリック メソッド 
multicheckbox : function (message, value, title, callback) { 
if (title == null ) title = 'multicheckbox '; 
$.alerts._show(title) 、メッセージ、値、' multicheckbox '、関数 (結果) { 
if (コールバック) callback(result) 
}); 

2プライベートメソッド内 _show : 関数内のマルチチェックボックスにコントロールを追加します (タイトル、メッセージ、値、タイプ、コールバック){...}: // プライベートメソッド
-------- ---- ------------重要な部分-----------------------------
case 'multicheckbox ' :
$("#popup_message" ).append(value).after('

すべて選択 >var $spanHover = $("#ダイアログスパン" );
$spanHover.hover(
function () {$(this ).addClass("spanmousehover" );},
function () {$(this ).removeClass("spanmousehover " );}
);
$("#checkall" ).click(function () {
if ($("#checkall" ).html() == "すべて選択" ) {
$("#dialog input" ).each(function () {$(this ).attr("checked" , true );});
$("#checkall" ).html("キャンセルall Select" );
}
else {
$("#dialog input" ).each(function () {$(this ).attr("checked" , false);});
$("#checkall" ).html("すべて選択" );
}
});
$("#delcheckall" ).click(function () {
$( " #dialog input" ).each(function () {$(this ).attr("checked" , false );})
$("#popup_ok" ).click(function) ( ) {
var getAll = "";
var test = $('#dialog input' ).each(function () {if (this .checked) {getAll = $(this ).val() ' ,';}});
var valback = getAll.substring(0, getAll.length - 1);//最後の ',' 番号を削除します
$.alerts._hide(); $ ("#ctl00_ContentPlaceHolder_main_TextBox_recever_sel" ).blur();
if (callback) callback(valback) // [OK] をクリックした後に、選択されたすべてのコンテンツを入力ボックスに返します
}); Popup_cancel" ).click(function() {
$.alerts._hide();
$("#ctl00_ContentPlaceHolder_main_TextBox_recever_sel" ).blur();
if (callback) callback(null );
});
/ /---------------------------------------- - ---------------------------------
次の名前を // Shortuct 関数に追加します:
jMulticheckbox = function (message, value, title, callback) {
$.alerts.multicheckbox(message, value, title, callback);

3.前のコード (または asp:TextBox) は、onfocus 属性で次のスクリプトを呼び出します:

jMulticheckbox('' , '<% = allcheckinfo.ToString() %> ' , '受信部門を選択してください' , function (r ) {
// 受信 HTML 要素、ポップアップボックスのメインタイトル、コールバック結果 (つまり、選択されたコンテンツ) を定義します
if (r!=null ) $('#ctl00_ContentPlaceHolder_main_TextBox_recever_sel' ).val(r ; allinfo.Append("

" ); ...
while (OracleDataReader.Read())
{
string bumeninfo = oradr[0].ToString( );
allinfo.Append(" ;
" );
}
...
allinfo .Append("

" );

を JS に返します。