添加記錄CSS不呈現Jtable

我只是有一些編輯和創建新的記錄對話框的問題。看起來好像CSS沒有被渲染，但我不知道在哪裏看;通過每一步我都按照本教程http://www.codeproject.com/Articles/277576/AJAX-based-CRUD-tables-using-ASP-NET-MVC-and-jTa。添加記錄CSS不呈現Jtable

這可能是一個愚蠢的錯誤。這是我的代碼：

@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或腳本的任何引用？

來源

2014-11-25 Chris Szilagyi

我想你可能錯過了引用jquery-ui.css文件。編輯/創建jtable模式使用此CSS。

煤礦所在位置：

您可能需要改變相對URL在這個CSS的圖標。

希望它有幫助。

來源

2014-12-23 22:14:36

添加記錄CSS不呈現Jtable

回答

相關問題