2016-03-02 51 views
3

我想使用簡單的測試HTML而不是cmd來評估pivot網格的功能。
我從這些鏈接讀取的信息,但我仍然無法安裝的工作環境
https://docs.sencha.com/extjs/6.0/co...ivot_grid.html
https://www.sencha.com/forum/showthr...out-Sencha-Cmd http://se.sencha.com/setup-guide/ExtJS 6 - 沒有CMD的支點

我已經下載了核心框架(「EXT-6.0.1-審判。從煎茶網站
拉鍊 ')
和樞軸插件(' ext-addons-6.0.1-trial.zip'),並打開檢查我的測試Web服務器上:

www.mydummy.server.org/lib /extjs/ext-6.0.0/ < - 框架 www.mydummy.server.org/lib/extjs/package/ < - 附加

並測試它調用的KitchenSink例如樞軸與:
www.mydummy.server.org/lib/extjs/ext- 6.0.0/examples/kitchensink/index.html
在這樣的設置中它們開始沒有錯誤。

附加組件的目標位置對我來說有點奇怪, 我相信我應該解壓插件的框架
www.mydummy.server.org/lib/extjs/ext-6.0的包目錄。 0 /包/
但隨後的KitchenSink例如不工作
(調用的KitchenSink與../../../package/pivot支點)

現在我不知道我應該怎麼包括框架和插件在自己的HTML例子,
我試過類似的東西:

<link href="www.mydummy.server.org/lib/extjs/ext-6.0.0/build/classic/theme-neptune/resources/theme-neptune-all.css"> 
<script src="www.mydummy.server.org/lib/extjs/ext-6.0.0/build/ext-all.js"></script> 
<link href="www.mydummy.server.org/lib/extjs/packages/pivot/build/neptune/resources/pivot-all.css"> 
<script src="www.mydummy.server.org/lib/extjs/packages/pivot/build/pivot.js"'></script> 
<script src="www.mydummy.server.org/lib/extjs/packages/exporter/build/exporter.js"'></script> 

的鏈接是OK(無HTTP錯誤),但簡單的樞軸不呈現 和框架無法加載進一步類:
[Ext.Loader一些請求的文件加載失敗。

什麼是extjs和沒有cmd的pivot的正確設置?

在這裏謝謝你, 安妮

回答

2

夫婦的事情。

對於KitchenSink,如果您在瀏覽器中打開www.mydummy.server.org/lib/extjs/ext-6.0.0/,您將看到一個index.html。將會有一個綠色的按鈕來顯示將指向www.mydummy.server.org/lib/extjs/ext-6.0.0/build/examples/index.html的示例(請注意012bdir)。然後,如果您點擊KitchenSink,它將從www.mydummy.server.org/lib/extjs/ext-6.0.0/build/examples/kitchensink/加載(再次注意,build dir)。這是由於KitchenSink是一個Cmd應用程序,它將構建到build dir。 目錄012ir目錄是該應用程序的開發版本,這就是爲什麼我們仍然提供它的來源。

接下來,介紹如何在Cmd包外部使用樞軸網格的Cmd包。我們構建了Cmd包,所以如果你查看包的build目錄,你應該看到一個內置的JavaScript和CSS文件,你可以通過你的HTML中的<script><link>加載。

<html> 
    <head> 
     <title>Pivot Grid Test</title> 

     <link href="http://releases/ext/6.0.1.250/build/classic/theme-neptune/resources/theme-neptune-all.css"> 
     <script src="http://releases/ext/6.0.1.250/build/ext-all.js"></script> 

     <link href="http://localhost/ext-addons-6.0.1/packages/pivot/build/neptune/resources/pivot-all.css"> 
     <script src="http://localhost/ext-addons-6.0.1/packages/exporter/build/exporter.js"></script> 
     <script src="http://localhost/ext-addons-6.0.1/packages/pivot/build/pivot.js"></script> 
    </head> 
    <body></body> 
</html> 

通知我有exporter.js裝載pivot.js之前,這主要是工作,只是我看到的東西,我會打電話的錯誤給我們。在pivot.js中,我們定義了Ext.ux.ajax.PivotSimlet,它擴展了Ext.ux.ajax.JsonSimlet(它在框架的ux包中)。這樣可以很好地擴展,但如果你想在你的應用程序中使用模擬數據,那麼只需要PivotSimlet(除非在開發中,否則大多數情況下不會)。有兩種方法可以解決這個問題,從pivot.js中刪除該類,或者包含ux的JavaScript/CSS(但是該程序包包含許多您可能不需要的代碼)。

+0

是的,我已經創造了我們的bug跟蹤系統中的錯誤得到'PivotSimlet'了構建。 –

0

非常感謝您的解釋。 我已經添加了這些類來獲得一個工作示例:

<script src="http://releases/ext/6.0.1.250/packages/ux/src/ajax/Simlet.js"</script> 
<script src="http://releases/ext/6.0.1.250/packages/ux/src/ajax/DataSimlet.js"</script> 
<script src="http://releases/ext/6.0.1.250/packages/ux/src/ajax/JsonSimlet.js"</script>