Jtable和MVC,不加载到视图

本文关键字:加载 视图 MVC Jtable | 更新日期: 2023-09-27 17:50:16

我是MVC和Jquery的新手。尝试使用jtable,但加载页面时没有任何反应。这是我的观点。

<link href="~/scripts/jtable.2.4.0/themes/metro/blue/jtable.css" 
rel="stylesheet"   type="text/css"/>
<script type="text/javascript" src="~/scripts/jtable.2.4.0/jquery.jtable.js">
</script>
@using (Html.BeginForm("Upload", "Hotels", FormMethod.Post, 
new { enctype =   "multipart/form-data" }))
{
<div id="HotelsTable"> </div>
<script type="text/javascript">
$(document).ready(function () {
    //Prepare jtable plugin
    $('#HotelsTable').jtable({
        title: 'List of Hotels',
        paging: true,
        pageSize: 10,
        sorting: true,
        defaultSorting: 'Name ASC',
        actions: {
            listAction: '@Url.Action("HotelsList")'
        },
        fields: {          
            Hotel1: {
                title: 'Region',
                width: '10%'
            },
            Hotel2: {
                title: 'Hotel',
                list: false,
                width: '10%'
            },
            Hotel3: {
                title: 'Desde',
                type: 'date',
                displayFormat: 'yy-mm-dd',
                width: '8%',
                list: false
            },
            Hotel4: {
                title: 'Hasta',
                type: 'date',
                displayFormat: 'yy-mm-dd',
                width: '8%'
            },              
            Hotel5: {
                title: 'Comentarios',
                width: '8%',
            }
        }
    });
    //Load person list from server
    $('#HotelsTable').jtable('load');
});
</script>
}
</body>
</html>

这是我的控制:

[HttpPost]
    public JsonResult HotelsList()
    {
        try
        {
            List<Models.Models.HotelElem> hotels =      
            db.Database.Fetch<Models.Models.HotelElem>("SELECT * FROM Hotels");
            return Json(new { Result = "OK", Records = hotels });
        }
        catch (Exception ex)
        {
            return Json(new { Result = "ERROR", Message = ex.Message });
        }
    }

调试时,它甚至不运行我的HotelList()方法。需要帮助,会是什么?谢谢!

Jtable和MVC,不加载到视图

找到解决方案了!也许会对某人有用。忘记添加

<script src="~/scripts/jquery-1.9.1.min.js"></script>
<script src="~/scripts/jquery-ui-1.9.2.min.js"></script>

…)