將參數從Ajax ActionLink傳遞給Javascript metod MVC3.0

Question

將參數（Id）發送給javascript函數時出現問題。讓我告訴你一些基本的想法：我有一個訓練模型，每個訓練模型都有一個調查。我在下面的代碼中做的是爲每個員工進行的培訓生成一個彈出鏈接並顯示一個彈出窗口。爲此，我使用了Ajax ActionLink，並在每個部分顯示彈出窗口，並使用Training的id標識了一個div。所以當onComplete我調用一個JavaScript函數openPopup來顯示彈出窗口，但它不。所以總而言之，我有不同的div，其中我將彈出一個窗口，並且我想將div的id傳遞給javascript函數。你能告訴我如何解決這個問題嗎？

謝謝。

<script type="text/javascript"> 
     $(document).ready(function (id) { 
      $(id).dialog({ 
       autoOpen: false, 
       title: 'Anket', 
       width: 500, 
       height: 'auto', 
       modal: true 
      }); 
     }); 
     function openPopup(id) { 
      $(id).dialog("open"); 
     } 
    </script> 

    foreach (var training in Model.TrainingList) 
    { 
     <tr> 
     <td class="view_detail_label"> 
         Eğitim Adı 
     </td> 
      <td> 

      @Ajax.ActionLink(training.Name.Name, 
          "AddSurvey", 
      new { employeeId = Model.Id, trainingId = training.Id }, 
      new AjaxOptions 
      { 
      UpdateTargetId = training.Id.ToString(), 
       HttpMethod = "GET", 
       InsertionMode = InsertionMode.Replace, 
       LoadingElementId = "context", 
       OnComplete = "openPopup('"+training.Id.ToString()+"')" 
       }) 

       <div id="@training.Id" style="display:none;"/> 

        </td>       
       </tr>     
       }   
      } 
     </table> 

Answer 1

你可以使用一個普通的Html.ActionLink，你可以不顯眼的AJAXify，這給你更多的靈活性。此外，您似乎已經使用了document.ready函數的一些id參數，該函數不存在並且無處可來。 document.ready回調沒有任何參數。

所以：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.addSurvey').click(function() { 
      $.ajax({ 
       url: this.href, 
       type: 'GET', 
       cache: false, 
       context: this, 
       success: function(result) { 
        $(this).next('.result').html(result).dialog({ 
         autoOpen: true, 
         title: 'Anket', 
         width: 500, 
         height: 'auto', 
         modal: true 
        }); 
       } 
      }); 
      return false; 
     }); 
    }); 
</script> 

<table> 
    @foreach (var training in Model.TrainingList) 
    { 
     <tr> 
      <td class="view_detail_label"> 
       Eğitim Adı 
      </td> 
      <td> 
       @Html.ActionLink(
        training.Name.Name, 
        AddSurvey, 
        new { 
         employeeId = Model.Id, 
         trainingId = training.Id 
        }, 
        new { 
         @class = "addSurvey" 
        } 
       ) 
       <div class="result"></div> 
      </td>       
     </tr>     
    } 
</table> 

此外，我會強烈建議您將您的腳本出一個單獨的JavaScript文件，而不是與腳本混合您的標記。

備註：由於您在模態對話框中打開了AJAX調用的結果，因此我不太明白每行中都有結果div的意思。你可以簡單地將它從<table>中移出並且只有一個。