jQuery的Ajax回调函数

我正在研究ASP.NET MVC 4项目，它是某种评估工具。在我的观点CoWorkers，我填写数据库所要求的数据的数据表。在第一列中，我显示名称，在第二列中，我正在显示指向其个人文件的链接。该视图的一部分称为“PersoonlijkeFichePartial”，因此当我单击数据表中的链接时，它必须在数据表下的div中打开部分。我用ajax调用这个。但我结果div是空的，我不想看到，在我看来，所以我做了jquery。现在的问题是，当我在我的DataTable中的链接（与AJAX调用），结果DIV不会显示自己（我需要某种形式的回调？）jQuery的Ajax回调函数

编辑无需我就点击发布我的控制器操作，如果我剪掉隐藏结果div的jquery代码，部分视图是可见的（当我点击我的表中的链接时），但我需要代码隐藏该div，所以它不是之前有人点击我桌子上的链接。

下面的代码：

<div class="ContentDiv"> 
    <table id="table_id" class="display"> 
     <thead> 
      <tr> 
       <th> 
        @Html.DisplayNameFor(model => model.Naam) 
       </th> 
       <th>Persoonlijke Fiche 
       </th> 
       <th>Functiebeschrijving 
       </th> 
      </tr> 
     </thead> 
     <tbody> 
      @foreach (var item in Model) 
      { 
       <tr> 
        <td> 
        @Html.DisplayFor(modelItem => item.Naam) 
        <td> 
         @Ajax.ActionLink("Persoonlijke Fiche", "PersoonlijkeFichePartial", new { account = item.Account }, new AjaxOptions { UpdateTargetId = "result"}) 
        </td> 
        <td> 
         @Html.ActionLink("Functiebeschrijving", "Details", new { account = item.Account }) 
        </td> 
       </tr> 
      } 
     </tbody> 
    </table> 
</div> 
<div id="generate" class="ContentDiv"> 
    <div id="result"></div> 
</div> 



@section scripts { 
    <script type="text/javascript" src="~/Scripts/jquery.dataTables.js"></script> 
    <script> 
     $(document).ready(function() { 
      $('#table_id').dataTable({ 
       "aoColumns": [{ "bSortable": true }, { "bSortable": false }, {  "bSortable": false }] 
      } 
       ); 
     }); 
     $(function() { 
      if ($("div#result").html() == "") { 
       $("div#generate").hide(); 
      } 
     }); 
    </script> 
}

来源

2013-03-27 Dylan Slabbinck

难道只是我还是asp.net真的使一个简单的东西完全混淆？ – 2013-03-27 08:40:41

尝试编辑你这样的代码：

<script> 
     $(document).ready(function() { 
      $('#table_id').dataTable({ 
       "aoColumns": [{ "bSortable": true }, { "bSortable": false }, {  "bSortable": false }] 
      }); 
      toggleResultDiv() 
     }); 

     function toggleResultDiv() { 
      if ($("div#result").html() == "") { 
       $("div#generate").hide(); 
      } 
      else $("div#generate").show(); 
     } 
    </script>

，改变你的Ajax调用是这样的：

@Ajax.ActionLink("Persoonlijke Fiche", "PersoonlijkeFichePartial", new { account = item.Account }, new AjaxOptions { UpdateTargetId = "result", OnSuccess = "toggleResultDiv"})

你需要调用你的函数显示或隐藏div。在你的情况下，它只被称为一次，并始终隐藏div#generate

来源

2013-03-27 12:23:35 freshbm

jQuery的Ajax回调函数

回答

相关问题