点击自动生成按钮- jQuery对话框

Get Data From Button Click on AutoGenerated Button - jQuery Dialog

本文关键字：jQuery 对话框 按钮 自动生成      更新时间：2023-09-26

我需要能够获得在jQuery对话框中单击的按钮的上下文。

我有一个函数，自动创建一个对话框与按钮名称数组我传递给它。函数是这样的:

function setAutoDialog(buttonNameArray){
    var testArray = buttonNameArray;
    var passDataBack = function () {
        var test = $('.getButtonClicked').text(); // NEED THE TEXT FROM THE BUTTON THAT WAS CLICKED HERE
        $(this).dialog("close");
    }
    var myButtons = {};
    for(var i=0; i<testArray.length; i++){
        myButtons[testArray[i]] = passDataBack;
    }
    $('#autoDialog').dialog({
        autoOpen: false,
        dialogClass: 'autoDialog',
        width: 'auto',
        buttons : myButtons
    });
}

我不确定我需要使用什么选择器来获取在对话框上单击的按钮的值。例如，如果你有一个名为"取消"的按钮，当我点击"取消"时，我需要获取该文本并对该文本执行操作。(传递回主屏幕)

在这种情况下，我使用回调函数

buttons: [｛标签:"接近",回调:function() {App.ModalDialog.close ();}//回调
｝)

我明白了

在处理程序中，将click事件传递给函数。一样。
$('#button1').live('click', function () {    
    setAutoDialog(buttonArray, $(this));
    $( "#autoDialog" ).dialog("open");
});

然后在函数中引用事件并从目标中获取textContent。

function setAutoDialog(buttonNameArray, clickEvent){
    var testArray = buttonNameArray;
    var passDataBack = function (clickEvent) {
        var t2 = clickEvent.target.textContent;
        $(this).dialog("close");
    }
    var myButtons = {};
    for(var i=0; i<testArray.length; i++){
        myButtons[testArray[i]] = passDataBack;
    }
    $('#autoDialog').dialog({
        autoOpen: false,
        dialogClass: 'autoDialog',
        width: 'auto',
        buttons : myButtons
    });
}
相关文章：