Создание SelectBox в Intel XDK

Я только что начал кодирование в Intel XDK. Вместо того, чтобы показывать выбранные элементы обычным способом (выпадающее меню), я хочу, чтобы они отображались во всплывающем меню и выбирали один из них. Я прошел несколько сайтов, но я не смог найти ни одного примера, который даст мне желаемый результат.Создание SelectBox в Intel XDK

<div data-role="fieldcontain"> 
      <label for="select-choice-1" class="select">Choose shipping method:</label> 
      <select name="select-choice-1" id="select-choice-1" data-native-menu="false" > 
       <option value="standard">Standard: 7 day</option> 
       <option value="rush">Rush: 3 days</option> 
       <option value="express">Express: next day</option> 
       <option value="overnight">Overnight</option> 
      </select> 
     </div>

Похоже на применение в Jquery. Но моя проблема заключается в том, что я могу использовать только API, выставленные Intel XDK. Я вижу, что в папке плагинов есть файл javascript с именем af.selectBox.js. Но я не смог проследить, как это использовать. Я также попробовал документацию Intel XDK. Но не повезло.

источник

2015-07-08 UnableToGoogle

Я не уверен, что вы подразумеваете под «я могу использовать только API, предоставляемые Intel XDK». JQuery должен работать в XDK, вам просто нужно добавить правильные файлы в свой проект. Или это по какой-то причине является внешним? – OldGeeksGuide

Спасибо за ваш ответ. Да, у меня есть требование, которое утверждает, что я не могу использовать jquery или любую стороннюю библиотеку с открытым исходным кодом. Я полностью хочу это сделать с помощью Intel xdk appui и appframework. – UnableToGoogle

Использовать только API Intel XDK делает это для себя очень сложно. Кордова, что находится под ним, сильно использует виды API, чтобы заставить работать. Даже XDK IDE - это не все Intel, например, Bower/Git. – Flummox

Если бы вы были склонны расширять свои варианты, я натолкнулся на это, что делал то, что вы хотите. НО он использует JQuery и Bootstrap:

<div class="form-group"> 
    <label class="control-label col-sm-offset-2 col-sm-2" for="company">Company</label> 
    <div class="col-sm-6 col-md-4"> 
     <select id="company" class="form-control"> 
      <option>small</option> 
      <option>medium</option> 
      <option>large</option> 
     </select> 
    </div> 
</div>

2nd Answer

источник

2016-06-23 13:03:27 Flummox

Создание SelectBox в Intel XDK

ответ

Смежные вопросы