JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://code.htmlhifive.com/h5.css">
<script src="https://code.htmlhifive.com/ejs-h5mod.js"></script>
<script src="https://hifive.github.io/hifive-res/fw/current/h5.dev.js"></script>
<script src="https://hifive.github.io/hifive-ui-library/hifive-ui-library/WebContent/components/datagrid/src/datagrid.js"></script>
<link rel="stylesheet" href="https://hifive.github.io/hifive-res/ext/bootstrap/3.3.0/css/bootstrap.min.css">
<script src="https://hifive.github.io/hifive-ui-library/hifive-ui-library/WebContent/components/virtualScroll/src/data-source.js"></script>
<script src="https://hifive.github.io/hifive-ui-library/hifive-ui-library/WebContent/components/virtualScroll/src/virtual-scroll.js"></script>
<script src="https://hifive.github.io/hifive-ui-library/hifive-ui-library/WebContent/components/combobox/src/combobox.js"></script>
<link rel="stylesheet" href="https://hifive.github.io/hifive-ui-library/hifive-ui-library/WebContent/components/combobox/src/combobox.css">
<p>
Combobox: <input type="text" name="accountcode">
</p>
CSS
body {
padding: 50px;
}
JavaScript
(function($) {
var comboboxController = {
__name: 'ComboboxController',
/** コンボボックスコントローラ */
_accountComboBoxController: h5.ui.components.combobox.ComboBoxController,
__meta: {
_accountComboBoxController: {
rootElement: 'input[name="accountcode"]'
}
},
__ready: function() {
var data = [];
for (var i = 0; i < 500; i++) {
data.push({
value: ("0000"+i).slice(-5)
})
}
this._accountComboBoxController.init({
data: data
});
}
};
h5.core.expose(comboboxController);
})(jQuery);
$(function() {
h5.core.controller('body', ComboboxController);
});