代码之家  ›  专栏  ›  技术社区  ›  Justin

jquery用户界面对话框显示mysql结果

  •  0
  • Justin  · 技术社区  · 14 年前

    这就是我的简而言之。

    我有一个动态列表。单击它将弹出一个jquery对话框,所有的工作都很好和漂亮。但是我要做的是设置它,所以当有人点击并弹出对话框时,它会显示一个表单,这样他们就可以更新结果,而不是加载一个全新的页面。

    我已经打开了对话框,但是我不能向对话框传递一个变量,它将告诉MySQL要更新哪一个ID。

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

    这是我的对话框的代码

    <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>
    

    打开对话框的链接代码

    <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"); 
                } 
            }
        });
    
    1 回复  |  直到 14 年前
        1
  •  0
  •   Justin    14 年前

    我所做的只是设置一个外部文件,以便在打开对我有用的对话框窗体时加载。不确定是否是最佳设置。