0

ViewData を使用して linq データで満たされた汎用リストからデータを抽出し、取得したデータを jquery .append を使用して View に投稿しようとしています。例:

意見

@{

IList<ProjectName.Models.Employees> deserialize = ViewData["Employees"] as      
  List<ProjectName.Models.Employees>;

 }
     <!DOCTYPE html>

<html>
<head>
    <title>Index</title>
</head>
<body>
    <script src="../../Scripts/jquery-1.7.1.min.js"></script>

<script type="text/javascript">
    $(function () {
        $('#ViewData').click(function () {
            $("#employee").append("<tr><td>" + "@deserialize[1].FirstName.ToString()" +    "     </td></tr>");

        });
    });
</script>
<div>
       <button id="ViewData">View Data</button>

        <table id="employee">

        </table>

    </div>
</body>
</html>

コントローラ

Public ActionResult Index()
    {
        var empList = new List<ProjectName.Models.Employees>();
        var emps = from emp in _employees.Employees

                   select new Models.Employees
                   {
                       FirstName = emp.FirstName,
                       LastName = emp.LastName,
                       Title = emp.Title
                   };

        ViewData["Employees"] = emps.ToList();           
        return View(emps);           
    }

モデル

Public class Employees
{
    public string FirstName
    {
        get;
        set;
    }
    public string LastName
    {
        get;
        set;
    }
    public string Title
    {
        get;
        set;
    }
}

質問

プロパティ (FirstName、LastName、および Title) を持つ各レコードまたはユーザーを取得し、取得した各値をビューのテーブルに jquery を使用して追加するにはどうすればよいですか?

4

1 に答える 1

1

このタスクを完了するにはいくつかの方法がありますが、最善の方法は、

    @{

    IList<ProjectName.Models.Employees> deserialize = ViewData["Employees"] as      
      List<ProjectName.Models.Employees>;

     }
         <!DOCTYPE html>

    <html>
    <head>
        <title>Index</title>
    </head>
    <body>
        <script src="../../Scripts/jquery-1.7.1.min.js"></script>

    <script type="text/javascript">
        $(function () {
            $('#ViewData').click(function () {
               $('#employee').toggle('slow');
            });
        });
    </script>
    <div>
           <button id="ViewData">View Data</button>

            <table id="employee" style="display:none">
    @foreach(var item in deserialize)
{
<tr><td>@item.FirstName.ToString()</td></tr>
}
            </table>

        </div>
    </body>
    </html>

お役に立てれば

于 2013-09-27T06:44:43.060 に答える