Đi qua một giá trị vào một jQuery UI Dialog Box với một Function

Question

Đây là mã document.ready của tôi:

$(document).ready(function() { 
    $("#dialogbox").dialog({ 
     open: function(event, ui) {$("a.ui-dialog-titlebar-close").remove();}, 
     bgiframe: true,autoOpen: false,closeOnEscape: false,draggable: false, 
     show: "drop",hide: "drop",zIndex: 10000,modal: true, 
     buttons: {'Ok': function() {$(this).dialog("close");processEmp();}} 
    }); 
}); 

Tôi có mã javascript sau đó mất một tham số:

function test(pEmp) 
{ 
    var a = pEmp.value); 

    $('#dialogbox').dialog('open'); 
} 

Câu hỏi của tôi , dựa trên giá trị mà tôi chuyển vào hàm thử nghiệm của tôi, lần lượt gọi hộp thoại jQuery UI của tôi ('#dialogbox'), khi người dùng nhấn nút 'Ok' trong hộp thoại, tôi cần bằng cách nào đó (đó là những gì Tôi không chắc chắn làm thế nào để làm), vượt qua biến "a" mà giữ pEmp.value của tôi, vào processEmp chức năng khác của tôi (a?), Mà Tôi đã gắn vào nút 'Ok' của tôi.

Hy vọng ai đó có thể giúp về cơ bản tôi cần giá trị này khi người dùng xác nhận hộp thoại.

Cảm ơn.

Answer 1

Bạn có thể vượt qua tùy chọn tùy chỉnh để thoại trước khi mở nó:

$(function() { 
    $("#dialog").dialog({ 
      open: function (event, ui) { $("a.ui-dialog-titlebar-close").remove(); }, 
      bgiframe: true, 
      autoOpen: false, 
      closeOnEscape: false, 
      draggable: false, 
      show: "drop", 
      hide: "drop", 
      zIndex: 10000, 
      modal: true, 
      buttons: { 'Ok': function() { 
       $(this).dialog("close"); 
       processEmp($(this).data("pEmpValue")); 
      } 
      } 
    }); 
}); 

function processEmp(a) { 
    alert(a); 
} 

function test(pEmp) { 
    $("#dialog").data("pEmpValue", pEmp.value).dialog("open"); 
} 

Hoặc thậm chí là giải pháp đơn giản nhất là tuyên bố a biến trong phạm vi của cửa sổ:

var a = null; 

$(function() { 
    $("#dialog").dialog({ 
      open: function (event, ui) { $("a.ui-dialog-titlebar-close").remove(); }, 
      bgiframe: true, 
      autoOpen: false, 
      closeOnEscape: false, 
      draggable: false, 
      show: "drop", 
      hide: "drop", 
      zIndex: 10000, 
      modal: true, 
      buttons: { 'Ok': function() { 
       $(this).dialog("close"); 
       processEmp(a); 
      } 
      } 
    }); 
}); 

function processEmp(a) { 
    alert(a); 
} 

function test(pEmp) { 
    a = pEmp.value; 
    $("#dialog").dialog("open"); 
} 

Answer 2

Bạn có thể thực hiện việc này bằng cách thêm trình xử lý sự kiện để 'đóng'. Một cái gì đó như thế này:

$("#dialogbox").bind("dialogclose", function(event, ui) { processEmp(a); });