0

我正在尝试在 MVC 4 Web 应用程序中为多个进度条插入动态值。我希望根据模型中的数字设置值，然后为该值的每个实例设置一个单独的进度条。

目前，我无法将 progress_no 的模型值输入到 javascript 中，并且进度条的代码仅显示进度编号的第一个实例。

我正在使用的视图如下所示。

@model IEnumerable<Piggie.Models.Fund>

@{
    ViewBag.Title = "Funds Summary";
}

<hgroup class="title">
    <h1>@ViewBag.Title</h1>
</hgroup>

<p>
    @Html.ActionLink("Create New", "Create")
</p>
<table>
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.Name)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.GoalAmount)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.BalanceAmount)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.ReleaseOn)
        </th>
       <th></th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.GoalAmount)
        </td>
        <td>
            <p id="progressbar">    

            </p>
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.ReleaseOn)
        </td>

        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.Id }) 
            @Html.ActionLink("Details", "Details", new { id=item.Id }) 
            @Html.ActionLink("Delete", "Delete", new { id=item.Id })
        </td>
    </tr>
}

</table>
@section Scripts{
    @Scripts.Render("~/bundles/jqueryval")
  <script>
  $(function() {
    $( "#progressbar" ).progressbar({
        value: @Html.DisplayFor(model => model.progress_no)
    });
  });
  </script>
}

我不确定在底部的 java 脚本中实现该值的正确方法，但假设如果我让它正常工作，那么将为 progress_no 字段的每个实例创建一个单独的进度条。这是否正确？

编辑：我认为我真正想要解决的问题是如何获取存储在数据库中的变量号并在 javascript 中使用它以创建大量可变进度条。

<script>
      $(function() {
        $( "#progressbar" ).progressbar({
            value: @*what goes here *@
        });
      });
      </script>
4

0 回答 0