2013-05-13 20 views
2

我試圖使用肯UI作爲我的數據網格樣式 劍道格但我在開始的一步掙扎,我甚至不能確定我喜歡做一個新的劍道對象 以下包括BundleConfig哪些文件必須包括打造MVC4

bundles.Add(new ScriptBundle("~/Script/kendo/2013.1.319").Include(
     "~/Scripts/kendo/2013.1.319/jquery.min.js", 
     "~/Scripts/kendo/2013.1.319/kendo.web.min.js", 
     "~/Scripts/kendo/2013.1.319/kendo.grid.min.js", 
     "~/Scrip`enter code here`ts/kendo/2013.1.319/kendo.calendar.min.js", 
     "~/Scripts/kendo/2013.1.319/kendo.data.min.js" 
     )); 

文件和佈局頁

@Scripts.Render("~/Script/kendo/2013.1.319") 

與上面的代碼我仍然可以聲明劍道對象 我懷念的東西包括哪些內容?

謝謝

回答

1

我建議檢查documentation它顯示了一個樣品捆配置:

bundles.Add(new ScriptBundle("~/bundles/kendo") 
    .Include("~/Scripts/kendo/2012.3.1315/kendo.web.*") // or kendo.all.* 
    .Include("~/Scripts/kendo/2012.3.1315/kendo.aspnetmvc.*") 
); 

電網所需的JavaScript文件可以在JavaScript Dependencies幫助主題中找到。

4

Kendo的文檔在詳細說明大多數控件的依賴關係方面做得很好,除了網格。您可以查看kendo.grid.min.js中的依賴項,但是您需要查看每個文件的依賴關係。所以,如果你建立你的依賴,而不喜歡require.js或system.js(我的最愛)的資源加載器的幫助下,這裏的電網控制的完整列表,依次是:

/* Kendo Grid Dependencies */ 
kendo.core.min.js 
kendo.data.min.js 
kendo.userevents.min.js 
kendo.window.min.js 
kendo.draganddrop.min.js 
kendo.columnsorter.min.js 
kendo.filtermenu.min.js 
kendo.columnmenu.min.js 
kendo.groupable.min.js 
kendo.pager.min.js 
kendo.selectable.min.js 
kendo.sortable.min.js 
kendo.reorderable.min.js 
kendo.resizable.min.js 
kendo.mobile.actionsheet.min.js 
kendo.mobile.pane.min.js 
kendo.ooxml.min.js 
kendo.excel.min.js 
kendo.grid.min.js 
+0

您列出的許多網格依賴關係是可選的,具體取決於OP使用的功能。所以最好使用kendo.all和require.js在kendo網站上生成一個自定義的kendo js文件。 – Padhraic 2016-04-22 11:26:40

0

如果你只需要劍道具有所有功能的網格,問題在於它取決於許多較小的組件。它不是一個單獨的文件,但是你可以將它們全部放在同一個文件中,但我不知道它違反了法律。無論如何,名單如下;

<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.core.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.angular2.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.calendar.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.popup.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.datepicker.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.userevents.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.numerictextbox.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.validator.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.data.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.binder.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.editable.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.draganddrop.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.window.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.list.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.dropdownlist.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.filtermenu.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.menu.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.columnmenu.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.groupable.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.autocomplete.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.filtercell.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.pager.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.selectable.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.reorderable.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.resizable.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.fx.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.mobile.scroller.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.view.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.mobile.view.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.mobile.loader.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.mobile.pane.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.mobile.popover.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.mobile.shim.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.mobile.actionsheet.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.ooxml.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.excel.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.color.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.drawing.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.pdf.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.progressbar.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.columnsorter.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.grid.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.aspnetmvc.min.js"></script> 

我已經包括在文件列表中的angular.js和angular2如果你不需要這些刪除這些文件。總體縮小文件達到788KB,而kendo.all.min.js則爲2.7MB。希望能幫助到你。

相關問題