Хобрук: Ваш путь к мастерству в программировании

Datepicker не работает в ObjectHeader

демонстрация Jsfiddle здесь

Я пытаюсь поместить средство выбора даты в ObjectHeader, но обнаружил, что значок календаря иногда не работает. Мне нужно навести курсор слева от этого значка, затем щелкнуть, появится страница календаря средства выбора даты, иначе оно не будет отвечать.

Но средство выбора даты на панели работает нормально.

Я удалил style="width:100%;" в id="__xmlview0--datePicker", и область фокусировки работает нормально. Но style="width:100%;" добавляется по умолчанию. Есть ли какой-нибудь элегантный способ исправить эту ошибку?

javascript sapui5
21.03.2017

Ответы:


1

пожалуйста, измените на следующий XML. Он работает по адресу https://jsfiddle.net/n05fru1s/.

sap.suite.ui.commons.HeaderContainer устарел, используйте вместо него sap.m.HeaderContainer. Надеюсь, поможет! Спасибо.

<headerContainer>
    <HeaderContainer id="headerContainer" class="dpContainer">
        <content>
            <!--<Label text="simple DatePicker" labelFor="DP1"/>-->
            <VBox>
                <DatePicker id="datePicker" placeholder="It is working" change="handleChange" />
                <!--class="sapUiNoMargin"/>-->
                <u:CalendarLegend id="legend" />
            </VBox>
        </content>
    </HeaderContainer>
</headerContainer>
21.03.2017
  • Спасибо ! Эта демонстрация работает отлично! Но когда я запускаю его в SCP webIDE, он выдает ошибку: `не удалось загрузить 'sap/m/HeaderContainer.js' из ../resources/sap/m/HeaderContainer.js: 404 - Not Found sap.ushell.renderers .fiori2.Shell.controller`. У вас есть какие-нибудь подсказки? 22.03.2017
  • sapui5.hana.ondemand.com/# документы/апи/символы/ . headerContainer can either be filled with an sap.m.IconTabBar or a sap.suite.ui.commons.HeaderContainer control. Кажется, API еще не обновился? 22.03.2017
  • Привет Тина, я считаю, что документация не обновляется. Что касается ошибки, которую вы упомянули, мне она кажется странной. Это связано с версией библиотеки UI5? 22.03.2017
  • Привет, я использую версию 1.38.14 на основе UI5-детектора. А я открыл sap-ui-core.js, версия 2.3.0 22.03.2017
  • См. sapui5.hana.ondemand. com/#docs/api/symbols/ Устаревший API: начиная с версии 1.44. Этот элемент управления устарел в этой библиотеке с версии 1.44 и перемещен в библиотеку sap.m, которая также является частью openUI5. 22.03.2017
  • Спасибо ! Измените версию sap.m на 1.44.8, изменив manifest.json. Сообщение об ошибке исчезло, но содержимое HeaderContainer по-прежнему не отображается! Я не могу найти их по inspect element, но я видел их в моем файле представления xml (в сети). Почувствуйте разочарование... 27.03.2017
  • Можете ли вы сделать образец для этой проблемы в JSFiddle, иначе я не смогу помочь? :) 27.03.2017
  • Я считаю, что Safari и Firefox отлично работают, это меня вдохновляет! И я жестко перезагружаю свой хром, он работает! Глупый я ! Большое спасибо за ваше время. 27.03.2017
    • Новые материалы
    Шлюз с лицензией OSS, совместимый с Apollo Federation v2, появится в WunderGraph
    Сегодня мы рады сообщить, что мы сотрудничаем с поддерживаемой YC Tailor Technologies, Inc. для внедрения Apollo Federation v2. Реализация будет лицензирована MIT (Engine) и Apache 2.0..
    Это оно
    Ну, я официально уволился с работы! На этой неделе я буду лихорадочно выполнять последние требования Думающего , чтобы я мог сосредоточиться на поиске работы. Что именно это значит?..
    7 полезных библиотек JavaScript, которые вы должны использовать в своем следующем проекте
    Усильте свою разработку JavaScript Есть поговорка «Не нужно изобретать велосипед». Библиотеки — лучший тому пример. Это поможет вам написать сложные и трудоемкие функции простым способом...
    Базовое руководство по переносу концепций обучения в глубокое обучение
    Обзор По мере того, как машинное обучение становится все более мощным и продвинутым, модели, обеспечивающие эту расширенную возможность, становятся все больше и начинают требовать огромного..
    C в C.R.U.D с использованием React-Redux
    Если вы использовали React, возможно, вы знакомы с головной болью, связанной с обратным потоком данных. Передача состояния реквизитам от родительских компонентов к дочерним компонентам может..
    5 обязательных элементов современного инструмента конвейера данных
    В цифровом мире предприятия используют конвейеры данных для перемещения, преобразования и хранения огромных объемов данных. Эти конвейеры составляют основу бизнес-аналитики и играют..
    Случай использования npm3 вместо npm2 для разработки библиотеки
    Некоторое время назад я создал библиотеку на NodeJS, чтобы упростить рендеринг на стороне сервера и клиента. Он использует React и React Router для отображения соответствующего HTML на веб-сайте...