2013-05-24 23 views
10

Tôi đang cố gắng thay đổi chủ đề mặc định trong ExtJs 4.2 thành chủ đề tùy chỉnh Neptune. Làm thế nào để làm cho nó để gỡ lỗi?Chủ đề ExtJs Neptune

<html> 
<head> 
    <title>xxx</title> 
    <link rel="shortcut icon" type="image/ico" href="favicon.ico" /> 
    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"> 
    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-custom.css"> 
    <script type="text/javascript" src="extjs/ext-all.js"></script> 
    <script type="text/javascript" src="Scripts/App.js"></script> 
</head> 
<body></body> 
</html> 
+0

Bạn đang lập dự án của bạn sử dụng Sencha Cmd? – smhg

+0

Có, tôi sử dụng nó để triển khai, nhưng tôi cần thay đổi chủ đề để gỡ lỗi. –

Trả lời

19

Bạn phải có các tập tin và thư mục sau:

  1. ExtJS/ext-all.js
  2. ExtJS/ext-theme-neptune .js
  3. extjs/resources/css/ext-all-neptune.css
  4. ExtJS/nguồn/ext-theme-neptune/ext-theme-neptune-all.css
  5. ExtJS/nguồn/ext-theme-neptune/hình ảnh /*.*

Và mã của bạn như sau:

<html> 
    <head> 
     <title>xxx</title> 
     <link rel="shortcut icon" type="image/ico" href="favicon.ico" /> 
     <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all-neptune.css"> 
     <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-custom.css"> 
     <script type="text/javascript" src="extjs/ext-all.js"></script> 
     <script type="text/javascript" src="extjs/ext-theme-neptune.js"></script> 
     <script type="text/javascript" src="Scripts/App.js"></script> 
    </head> 
    <body></body> 
</html> 
+0

nếu bạn chỉ có thư mục ext-all-neptune và thư mục ext-theme-neptune thì sao? Bạn có phải bảo toàn toàn bộ cấu trúc thư mục của extjs để có thể sử dụng nó không? –

+0

Bạn chỉ cần các tệp được liệt kê trong bài đăng, tất cả các tệp khác có thể bị xóa. Tập tin ext-all-neptune.css và thư mục ext-theme-neptune đủ cho kiểu neptune. – ki11en

5

Để thay đổi đến chủ đề neptune sửa đổi line 33 của sencha.cfg tập tin của bạn nằm ở .sencha/app/sencha.cfg để

app.theme=ext-theme-neptune

Sau khi thực hiện hoạt động này sencha app refresh trong thiết bị đầu cuối của bạn hoặc dòng cammand

+0

"Sau khi làm điều này chạy sencha ứng dụng làm mới trong thiết bị đầu cuối của bạn hoặc dòng cammand" - đây là để triển khai ứng dụng của tôi? –

+1

Điều này cũng sẽ thay đổi chủ đề của bạn trong khi phát triển. –

3

Tôi đã làm như @ccerville đã nói nhưng đã hoàn thành với

sencha app build 

đã thực hiện một số phép thuật cho bootstrap.css và cho phép trang gỡ lỗi sử dụng neptune. 'Làm mới' dường như không tạo ra sự khác biệt, trong khi bản dựng sửa đổi bootstrap.css là những gì mà index.html 'debug' sử dụng.

Một số biết thêm có sẵn ở đây: http://senchado.blogspot.ca/2013/03/extjs-42-app-with-custom-neptune-based.html

-1

trong dòng thay đổi app.json 31 nơi "chủ đề" xác định. thay đổi nó "chủ đề": "ext-theme-neptune"

Sau khi thực hiện ứng dụng này sencha chạy xây dựng trong thiết bị đầu cuối hoặc cammand dòng của bạn