在使用jQuery的過程中,Dialog組件是非常常用的一個組件。而在使用Dialog組件時,傳參是不可避免的問題。下面我們通過實例來討論一下Dialog組件的傳參問題。
// HTML代碼 <div id="dialog"></div> // JavaScript代碼 $( "#dialog" ).dialog({ autoOpen: false, width: 400, height: 300, modal: true, buttons: { "確定": function() { $( this ).dialog( "close" ); }, "取消": function() { $( this ).dialog( "close" ); } } }); $( "#dialogButton" ).click(function() { $( "#dialog" ).dialog( "open" ); });
上面的代碼中,我們定義了一個Dialog組件,其中有兩個按鈕:“確定”和“取消”。我們可以通過點擊按鈕來打開Dialog組件。
// HTML代碼 <div id="dialog"></div> // JavaScript代碼 $( "#dialog" ).dialog({ autoOpen: false, width: 400, height: 300, modal: true, buttons: { "確定": function() { var param1 = $( "#param1" ).val(); var param2 = $( "#param2" ).val(); $( this ).dialog( "close" ); // 執行自定義方法 myFunc(param1, param2); }, "取消": function() { $( this ).dialog( "close" ); } } }); $( "#dialogButton" ).click(function() { $( "#dialog" ).dialog( "open" ); }); function myFunc(param1, param2) { // 處理參數 console.log(param1); console.log(param2); }
在上面的代碼中,我們在點擊“確定”按鈕時,獲取了兩個文本框中的值,并關閉了Dialog組件。同時,我們還執行了一個名為“myFunc”的自定義方法,并傳入了兩個參數。在自定義方法中,我們可以按照自己的需要對傳入的參數進行處理。
通過以上實例,我們可以看出Dialog組件的傳參很簡單,只需要在自定義方法中傳入需要的參數即可。