在JS中为foreach问题中的每个项目调用QTip

Question

在我看来,我有这个:

  <%--
  The training module list
  --%>
  <div id="training-mod-list-<%: categoryName.Replace(' ', '-') %>" class="training-module-list">
  <% foreach (var module in categoryGroup)
  { %>
    <div class="training-module-row">                                 
      <div class="training-module-name-<%: module.TrainingModuleId %>">    
          <script type="text/javascript">
             <%: Html.GetQTip(module.TrainingModuleId, "", "", QTipPosition.Right,true,""); %> //get error here it has some invalid arguments?
          </script> 
         <%: module.TrainingModuleName %>
      </div>
    </div>
 <% } %>

当我将鼠标悬停在每个培训模块名称上时,我想要一个QTip来显示.

然后GetQtip:

 public static MvcHtmlString GetQTip(this HtmlHelper htmlHelper, string propertyName, string message, string propertyNameOverride = "", QTipPosition position = QTipPosition.Right, bool includeEvents = true, string title = "")
 {
  string qtipPosition = String.Empty;

  switch (position)
  {
    case QTipPosition.Right:
      qtipPosition = "my: 'left center', at: 'right center'";
      break;
    case QTipPosition.Left:
      qtipPosition = "my: 'right center', at: 'left center'";
      break;
    case QTipPosition.Top:
      qtipPosition = "my: 'top middle', at: 'bottom middle'";
      break;
    case QTipPosition.Bottom:
      qtipPosition = "my: 'bottom middle', at: 'top middle'";
      break;
  }

  if (!String.IsNullOrWhiteSpace(propertyNameOverride))
    propertyName = propertyNameOverride;

  if (String.IsNullOrWhiteSpace(title))
    title = htmlHelper.Resource(Resources.Global.Title.Information);

  StringBuilder sb = new StringBuilder();
  sb.Append(String.Concat("$('#", propertyName, "').removeData('qtip').qtip({content: {text:"));
  sb.Append(String.Concat("'", message, "', title: { text: '", title, "', button: false }}, position: { ", qtipPosition, " }"));
  if (includeEvents)
    sb.Append(", show: { event: 'focus mouseenter', solo: true, ready: false }, hide: 'blur'");
    sb.Append(", style: { classes: 'ui-tooltip-shadow ui-tooltip-yellow' } });");

    return new MvcHtmlString(sb.ToString());
  }
}

现在,message参数可以只是一个任何字符串可以有人向我解释如何为每个训练模块ID显示qtip吗？message参数稍后将包含特定于html字符串中组成的每个训练模块id的点

谢谢

Answer 1

将HTML 帮助器的TrainingModuleId参数从 an转换int为 a 。String

<%: Html.GetQTip(module.TrainingModuleId.ToString(), "", "", QTipPosition.Right,true,""); %>