Question

这就是我所说的。

我有一个动态列表。点击它会弹出一个jQuery对话框，这一切都很棒，花花公子。但是我要做的是设置它，所以当有人点击并且对话框弹出时，它将显示一个表单，以便他们可以更新结果，而不是加载一个全新的页面。

我打开了对话框，但是我无法将变量传递给对话框，该对话框将告诉它哪个ID可以拉出正确的ROW进行更新。

我希望这对某人有意义。任何帮助将不胜感激。

这是我的对话框的代码

<div id="dialogUpdateDealer" title="Update Dealer">
<?php

$dealerResult = $dealer->selectDealer($_SESSION['myId'], "[I NEED THIS ID]");
$oneDealer = mysql_fetch_array($dealerResult);

?>
<form class="formFill" id="dialogUpdateDealerForm" method="post" action="classes/class.Post.php?a=updateDealer">

  <label for="dealerName">Dealer Name</label><br />
  <input type="text" name="dealerName" value="<?php echo $oneDealer['dealerName']; ?>" /><br />

  <label for="cod1">cod1</label><br />
  <input type="text" name="cod1" value="<?php echo $oneDealer['code1']; ?>" /><br />

  <label for="code2">code2</label><br />
  <input type="text" name="code2" value="<?php echo $oneDealer['code2']; ?>" /><br />

</form>
</div>

LINK代码打开对话框

<li id='<?php echo $dealerRow['dealerId']; ?>'> 
  <a href='classes/class.Post.php?a=updateDealer&dealerId="<?php echo $dealerRow['dealerId']; ?>' class='dialogForm' rel='dialogUpdateDealer'>
    <?php echo $dealerRow['dealerName']; ?>
  </a>
</li>

Javascript对话框的代码OnClick

$('.dialogForm').click(function(){
    var id = $(this).attr('rel');
    $('#'+id).dialog('open');

    return false;
});

用于显示对话框的Javascript代码

$('#dialogUpdateDealer').dialog({
        autoOpen: false,
        width: 400,
        modal: true,
        buttons: {
            "Update": function() { 
                $("#dialogUpdateDealerForm").ajaxSubmit({
                        target: ".dealers",
                        dataType: 'json',
                        clearForm: true,
                        success: function(response) {
                            alert("Show Success");                          
                        },
                        error: function() {
                            alert("Sorry something went wrong");    
                        }
                });
                $(this).dialog("close"); 
            }, 
            "Cancel": function() { 
                $(this).dialog("close"); 
            } 
        }
    });

Answer 1

我打开对话框时设置了一个外部文件，这对我来说似乎很有用。不确定它是否是最佳设置。

用于显示MySQL结果的jQuery UI对话框

1 个答案: