Question

我是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（）方法。需要一些帮助，它可能是什么？谢谢！

Answer 1

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

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

...）

Jtable和MVC，没有加载查看

1 个答案: