如何将动态生成的ul li附加到div [英] How do I append dynamically generated ul li to div

问题描述

大家好，

我从成功数据中动态生成这个数据：

Hi All,
I have this dynamically generated ul li from success data :

"<nav><ul id="menu"><li>@Html.ActionLink("Employee","Employee","GetEmployee")</li><li>@Html.ActionLink("Absenteeism","Absenteeism","GetAbsents")</li><li>@Html.ActionLink("Order","Order","GetOrders")</li><li>@Html.ActionLink("Report","Report","GenerateReport")</li><li>@Html.ActionLink("Evaluation","Evaluation","GenerateEvaluation")</li></ul></nav>"

如果我使用硬编码，但是当我尝试生成这个动态并附加div时，这是非常好的：



$（＃dynamicNavigationMenu ）.append（dynamicLink）;





它不会工作...请有人让我知道为什么这不起作用。我使用的是jquery版本1.10.2.js



提前致谢



我是什么尝试过：



$（＃dynamicNavigationMenu）。append（dynamicLink）;

this is perfectly fine if i use it hardcoded but when i try to generate this dynamic and append with div as:

$("#dynamicNavigationMenu").append(dynamicLink);


it wont work... Please can someone let me know why this is not working. I am using jquery version 1.10.2.js

Thanks in advance

What I have tried:

$("#dynamicNavigationMenu").append(dynamicLink);

推荐答案

（＃dynamicNavigationMenu）。append（dynamicLink）;





它不会工作...请有人能让我知道为什么这不起作用。我使用的是jquery版本1.10.2.js



提前致谢



我是什么尝试过：

("#dynamicNavigationMenu").append(dynamicLink);


it wont work... Please can someone let me know why this is not working. I am using jquery version 1.10.2.js

Thanks in advance

What I have tried:

（＃dynamicNavigationMenu）。append（dynamicLink）;

("#dynamicNavigationMenu").append(dynamicLink);

您应该在控制器中尝试这样的事情

You should try something like this in the controller

public JsonResult GetdynamicMenu()
         { 

             string dynamicMenu = "<nav><ul id=\"menu\">";
             dynamicMenu += "<li>" +  GetActionLink("Employee","GetEmployee","Employee") + "</li>";
             dynamicMenu += "<li>" +  GetActionLink("Absenteeism","GetAbsents","Absenteeism") + "</li>";
             dynamicMenu += "<li>" + GetActionLink("Order", "GetOrders", "Order") + "</li>";
             dynamicMenu += "<li>" + GetActionLink("Order", "GetOrders", "Order") + "</li>";
             dynamicMenu += "<li>" + GetActionLink("Report", "GenerateReport", "Report") + "</li>";
             dynamicMenu += "<li>" + GetActionLink("Evaluation", "GenerateEvaluation", "Evaluation") + "</li>";
             dynamicMenu += "</ul></nav>"; 

             return Json(dynamicMenu, JsonRequestBehavior.AllowGet);
         }

         private string GetActionLink(string controller, string action, string name)
         {
             string link = Url.Action("GetEmployee", "Employee");
             string actionLink = "<a href='" + link + "'>" + name + "</a>";
             return actionLink;
         }

因为您正在对ActionLink助手进行硬编码（ @ Html.ActionLink（Employee） ，Employee，GetEmployee）），在运行时构建View时，它将执行 ActionLink 方法和动态生成锚链接。因此您可以查看链接。

但是如果您在Ajax调用中将值作为字符串获取，则这些链接将被视为仅原始文本。因为MVC不会在View中的ajax调用中编译那些ActionLink，

所以你可以使用上面的代码从控制器本身生成锚链接。

Since you are hardcoding the ActionLink helper ( @Html.ActionLink("Employee","Employee","GetEmployee") ), during the runtime when building the View, it will will execute the ActionLink Method and generates the anchor link dynamically. so you could able to view the links.
but if you are getting the values as a string in Ajax call, these Links will be considered as raw text only. because MVC wont compile those ActionLink in ajax calls in the View,
So you can use the above code to generate the anchor links from controller itself.

这篇关于如何将动态生成的ul li附加到div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！