Тема ExtJs Neptune

Я пытаюсь изменить тему по умолчанию в ExtJs 4.2 на пользовательскую тему 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>

Ответ 1

У вас должны быть следующие файлы и папки:

  •  
  • ExtJS/ Ext-all.js  
  • ExtJS/ внутр-тема-neptune.js  
  • ExtJS/ресурсы/CSS/ внутр-все-neptune.css  
  • ExtJS/ресурсы/внеш-тема-нептун/ внутр-тема-нептун-all.css  
  • ExtJS/ресурсы/внеш-тема-нептун/ изображения /*.*

И ваш код выглядит следующим образом:

<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>

Ответ 2

Чтобы изменить тему neptune, измените line 33 вашего файла sencha.cfg, расположенного в .sencha/app/sencha.cfg, на

app.theme=ext-theme-neptune

После выполнения этого прогона sencha app refresh в терминале или линии cammand

Ответ 3

Я сделал, как сказал @ccerville, но закончил с

 sencha app build 

который сделал некоторое волшебство для bootstrap.css и разрешил страницу отладки использовать neptune. "Обновление", похоже, не имеет значения, в то время как сборка модифицирует bootstrap.css, что и использует "debug" index.html.

Дополнительная информация доступна здесь: http://senchado.blogspot.ca/2013/03/extjs-42-app-with-custom-neptune-based.html

Ответ 4

в строке изменения app.json 31, где определяется "тема". измените его "тема": "ext-theme-neptune"

После выполнения этого запуска приложения sencha в вашем терминале или линии cammand