Question

我只是在编辑和创建新记录对话框时遇到了一些问题。似乎CSS没有被渲染，但我不知道在哪里看;我已经完成了每一步的http://www.codeproject.com/Articles/277576/AJAX-based-CRUD-tables-using-ASP-NET-MVC-and-jTa教程。

这可能是一个愚蠢的错误。这是我的代码：

@section scripts
{
<link href="~/Scripts/jtable/themes/lightcolor/blue/jtable.min.css" rel="stylesheet" />
<link href="~/Scripts/jtable/themes/jqueryui/jtable_jqueryui.min.css" rel="stylesheet" />

<script src="~/Scripts/jquery-2.1.1.min.js"></script>
<script src="~/Scripts/jquery-ui-1.9.2.min.js"></script>

<script src="~/Scripts/jtable/jquery.jtable.min.js"></script>

<script type="text/javascript">

$(document).ready(function ()
{

    //Prepare jtable plugin
    $('#JobTable').jtable({
        title: 'Job List',
        paging: true,
        //sorting: true,
        selecting: true,
        //multiselect: true,
        selectingCheckboxes: true,
        //defaultSorting: 'Name ASC',
        actions: {
            listAction: '/Job/JobList',
            deleteAction: '/Job/DeleteJob',
            updateAction: '/Job/UpdateJob',
            createAction: '/Job/CreateJob'
        },
        fields: {
            Id: {
                key: true,
                list: false,
                create: false,
                edit: false,
            },
            EmployeeNumber: {
                title: 'Employee Number',
                width: '15%',
                create: false,
                edit: false,
            },
            RecipientName: {
                title: 'Recipient Name',
                width: '15%'
            },
            Address: {
                title: 'Address',
            },
            StartDate: {
                title: 'Start Date',
                type: 'date',
                displayFormat: 'yy-mm-dd',
                create: true,
                edit: true, 
            },
            CompletionDate: {
                title: 'Completion Date',
                width: '15%',
                type: 'date',
                displayFormat: 'yy-mm-dd',
                create: false,
                edit: false,
            },
            Notes: {
                title: 'Notes',
                width: '12%',
                create: true,
                edit: true,
            },
           PriorityValue: {
                title: 'Priority',
                width: '7%',
                create: true,
                edit: true,
            },
            TrackingStatusValue: {
                title: 'Status',
                width: '12%',
                create: false,
                edit: false,
            },

            Phones: {
            title: '',
            width: '3%',
            sorting: false,
            edit: false,
            create: false,
            display: function ()
                {

                    var $img = $('<img src="~/Content/google-map.png" />');
                        return $img;
                }
          }

        }
    });
    //Load person list from server
    $('#JobTable').jtable('load');
});


</script> 
}

我是否遗漏了对css或脚本的任何引用？

Answer 1

我想您可能错过了引用jquery-ui.css文件。编辑/创建jtable模态使用此css。

我的住在这里：

您可能需要更改此css中的相对网址图标。

希望它有所帮助。

添加记录CSS不呈现Jtable

1 个答案: