在jquery进度条中设置模型值Razor

时间:2013-08-05 13:55:19

标签: javascript jquery asp.net-mvc razor

我正在尝试为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> 

0 个答案:

没有答案