How to use the @jupyter-widgets/controls.SelectView function in @jupyter-widgets/controls

To help you get started, we’ve selected a few @jupyter-widgets/controls examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github twosigma / beakerx / beakerx / js / src / easyForm / comboBoxWidget.js View on Github external
var widgets = require('@jupyter-widgets/controls');
var _ = require('underscore');
var comboBox = require('../comboBox/jQueryComboBox');

var ComboBoxModel = widgets.SelectModel.extend({
  defaults: function() {
    return _.extend({}, widgets.SelectModel.prototype.defaults.apply(this), {
      _view_name: "ComboBoxView",
      _model_name: "ComboBoxModel",
      _model_module: 'beakerx',
      _view_module: 'beakerx'
    });
  }
});

var ComboBoxView = widgets.SelectView.extend({
  render: function() {
    ComboBoxView.__super__.render.apply(this);

    this.el.classList.add('widget-combobox');
    this.$select = $(this.el).find('select');
    this.$select.attr('easyform-editable', this.model.get('editable'));
    this.$select.attr('size', this.model.get('size'));
    this.$select.combobox({
      change: this.setValueToModel.bind(this)
    });

    this.update();
  },

  setValueToModel: function(value) {
    this.model.set('value', value, { updated_view: this });