Jump to content
  • 0

Вопрос знатокам ExtJs


nim
 Share

Question

Не получается создать DatePicker

Первый вариант используя ext-all, выдает ошибку

<html>
<head>
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
var obj = new Ext.DatePicker({
renderTo: "test"
});
});
</script>
</head>
<body>
<div id="test"></div>
</body>
</html>

Второй способ я хотел использовать DatePicker.js из папки source в этом случае говорит не найден Ext.

html файл лежит ext_pathsourcetest.html

<html>
<head>
<script type="text/javascript" src="adapter/ext-base.js"></script>
<script type="text/javascript" src="widgets/DatePicker.js"></script>
</head>
<body>
<div id="test"></div>

<script type="text/javascript">
var obj = new Ext.DatePicker
({
renderTo: "test"
});
</script>

</body>
</html>

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

<html>
<head>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
var obj = new Ext.DatePicker();
obj.render("test");
});
</script>
</head>
<body>
<div id="test"></div>
</body>
</html>

Обратите внимание на ext-all.css. Этот файл также необходимо загружать, т.к. в extjs множество действий происходит над "родными" стилями фреймворка.

Паметка на будущее, называйте тему кратко и по делу. Что-нибудь вроде: "ExtJs v1.1 - Не инициализируется DatePicker".

Link to comment
Share on other sites

  • 0

Спасибо помогло.

Еще не могли, бы подсказать как сделать тоже самое используя только файлы из папки ext_pathsource ?

когда я объявлял эти:

 <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
<script type="text/javascript" src="ext/source/adapter/ext-base.js"></script>
<script type="text/javascript" src="ext/source/widgets/DatePicker.js"></script>

происходит ошибка объект Ext не найден. Подскажите если знаете, файлов так много, что пробывать различные комбинации не реально.

Link to comment
Share on other sites

  • 0

Если подключать отдельно, то лучше уж из ext/build. Почему, сами пойм?те, когда сравните размеры файлов.

Какие файлы конкретно нужны для DatePicker сказать не могу. Надо эксперементировать с последовательным подсоединением файлов из ext/build/core

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

  • Обсуждения

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy