浮動的SlickGrid細胞

我正在嘗試使用SlickGrid來編輯ASP.NET MVC項目中的某些記錄。浮動的SlickGrid細胞

目前我無法弄清楚如何使記錄實際上顯示爲表格。 SlickGrid看起來像這樣： Grid as it is now

我一直在尋找我的樣式和JavaScript文件的東西，可能會導致這個，但我不知道我應該找的。任何人都可以協助嗎？

據我所知，我跟着SlickGrid的例子非常接近。

樣式表包括：

<link href="../../Content/SlickGrid/slick.grid.css" rel="stylesheet" type="text/css" /> 
<link href="../../Content/SlickGrid/smoothness/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" /> 
<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />

的Javascript包括：

<script type="text/javascript" src="../../Scripts/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="../../Scripts/jquery-ui-1.10.0.custom/js/jquery-ui-1.10.0.custom.min.js"></script> 
<script type="text/javascript" src="../../Scripts/jquery.event.drag-2.2.js"></script> 
<script type="text/javascript" src="../../Scripts/jquery.jsonp-2.4.0.min.js"></script> 
<script type="text/javascript" src="../../Scripts/SlickGrid/slick.core.js"></script> 
<script type="text/javascript" src="../../Scripts/SlickGrid/plugins/slick.cellrangedecorator.js"></script> 
<script type="text/javascript" src="../../Scripts/SlickGrid/plugins/slick.cellrangeselector.js"></script> 
<script type="text/javascript" src="../../Scripts/SlickGrid/plugins/slick.cellselectionmodel.js"></script> 
<script type="text/javascript" src="../../Scripts/SlickGrid/slick.editors.js"></script> 
<script type="text/javascript" src="../../Scripts/SlickGrid/slick.remotemodel.js"></script> 
<script type="text/javascript" src="../../Scripts/SlickGrid/slick.grid.js"></script>

Javascript代碼：

var columns = [ 
     { id: "FileTypeId", name: "File Type", field: "FileTypeId", editor: Slick.Editors.Integer, sortable: false }, 
     { id: "DateCp", name: "Date/CP", field: "DateCp", editor: Slick.Editors.Date, sortable: false }, 
     { id: "VesselId", name: "Vessel", field: "VesselId", editor: Slick.Editors.Integer, sortable: false }, 
     { id: "FixtureNo", name: "Fixture No", field: "FixtureNo", editor: Slick.Editors.Text, sortable: false }, 
     { id: "VoyageNo", name: "Voy No", field: "VoyageNo", editor: Slick.Editors.Integer, sortable: false }, 
     { id: "VegoilVoyageNo", name: "Vegoil Voy No", field: "VegoilVoyageNo", editor: Slick.Editors.Text, sortable: false }, 
     { id: "Remarks", name: "Remarks", field: "Remarks", editor: Slick.Editors.LongText, sortable: false } 
    ]; 
    var options = { 
     editable: true, 
     enableAddRow: true, 
     enableCellNavigation: true, 
     asyncEditorLoading: false, 
     enableColumnReorder: false, 
     autoEdit: true 
    }; 

    var grid; 
    $(function() { 
     $.getJSON('<%= Url.Action("BoxFiles", "Box", new { id = Model.Id }) %>', function (data) { 
      grid = new Slick.Grid("#files", data, columns, options); 
      grid.render(); 
     }); 
    });

來源

2013-01-23 potNPan

你可以請張貼你的JS代碼嗎？ – ganeshk

添加。任何想法？我也嘗試過註釋掉Site.css，但單元格仍然不能渲染爲網格，所以很確定不是這樣。 – potNPan

的需要包含slick.grid.css樣式表後jquery-ui-1.8.16.custom.css。

來源

2013-01-24 02:34:36 idbehold

這改變了一些單元格樣式，但不爲單元格對齊做任何事情。 – potNPan

浮動的SlickGrid細胞

回答

相關問題