Add js default values for widget-selection

Author: SylvainCorlay

ipywidgets/static/widgets/js/widget_selection.js

@@ -12,11 +12,26 @@ define([
     "bootstrap",
 ], function(widget, utils, $, _) {
 
+    var SelectionModel = widget.DOMWidgetModel.extend({
+        defaults: _.extend({}, widget.DOMWidgetModel.prototype.defaults, {
+            _model_name: "SelectionModel",
+            selected_label: "",
+            //_options_labels: [],
+            disabled: false,
+            description: "",
+        }),
+    });
+
+    var DropdownModel = SelectionModel.extend({
+        defaults: _.extend({}, SelectionModel.prototype.defaults, {
+            _model_name: "DropdownModel",
+            _view_name: "DropdownView",
+            button_style: ""
+        }),
+    });
+
     var DropdownView = widget.DOMWidgetView.extend({
         render : function() {
-            /**
-             * Called when view is rendered.
-             */
             this.$el
                 .addClass('ipy-widget widget-hbox widget-dropdown');
             this.$label = $('<div />')
@@ -149,6 +164,16 @@ define([
 
     });
 
+    var RadioButtonsModel = SelectionModel.extend({
+        defaults: _.extend({}, SelectionModel.prototype.defaults, {
+            _model_name: "RadioButtonsModel",
+            _view_name: "RadioButtonsView",
+            tooltips: [],
+            icons: [],
+            button_style: ""
+        }),
+    });
+
     var RadioButtonsView = widget.DOMWidgetView.extend({
         render : function() {
             /**
@@ -255,6 +280,12 @@ define([
         },
     });
 
+    var ToggleButtonsModel = SelectionModel.extend({
+        defaults: _.extend({}, SelectionModel.prototype.defaults, {
+            _model_name: "ToggleButtonsModel",
+            _view_name: "ToggleButtonsView",
+        }),
+    });
 
     var ToggleButtonsView = widget.DOMWidgetView.extend({
         initialize: function() {
@@ -410,6 +441,12 @@ define([
         },
     });
 
+    var SelectModel = SelectionModel.extend({
+        defaults: _.extend({}, SelectionModel.prototype.defaults, {
+            _model_name: "SelectModel",
+            _view_name: "SelectView",
+        }),
+    });
 
     var SelectView = widget.DOMWidgetView.extend({
         render: function() {
@@ -517,6 +554,19 @@ define([
         },
     });
 
+    var MultipleSelectionModel = SelectionModel.extend({
+        defaults: _.extend({}, SelectionModel.prototype.defaults, {
+            _model_name: "MultipleSelectionModel",
+            selected_labels: [],
+        }),
+    });
+
+    var SelectMultipleModel = MultipleSelectionModel.extend({
+        defaults: _.extend({}, MultipleSelectionModel.prototype.defaults, {
+            _model_name: "SelectMultipleModel",
+            _view_name: "SelectMultipleView",
+        }),
+    });
 
     var SelectMultipleView = SelectView.extend({
         render: function() {
@@ -577,12 +627,18 @@ define([
         },
     });
 
-
     return {
-        'DropdownView': DropdownView,
-        'RadioButtonsView': RadioButtonsView,
-        'ToggleButtonsView': ToggleButtonsView,
-        'SelectView': SelectView,
-        'SelectMultipleView': SelectMultipleView,
+        SelectionModel: SelectionModel,
+        DropdownView: DropdownView,
+        DropdownModel: DropdownModel,
+        RadioButtonsView: RadioButtonsView,
+        RadioButtonsModel: RadioButtonsModel,
+        ToggleButtonsView: ToggleButtonsView,
+        ToggleButtonsModel: ToggleButtonsModel,
+        SelectView: SelectView,
+        SelectModel: SelectModel,
+        MultipleSelectionModel: MultipleSelectionModel,
+        SelectMultipleView: SelectMultipleView,
+        SelectMultipleModel: SelectMultipleModel,
     };
 });

ipywidgets/widgets/widget_selection.py

@@ -187,9 +187,13 @@ def _selected_labels_changed(self, name, old, new):
 
 @register('Jupyter.ToggleButtons')
 class ToggleButtons(_Selection):
-    """Group of toggle buttons that represent an enumeration.  Only one toggle
-    button can be toggled at any point in time."""
+    """Group of toggle buttons that represent an enumeration.
+
+    Only one toggle button can be toggled at any point in time.
+    """
     _view_name = Unicode('ToggleButtonsView', sync=True)
+    _model_name = Unicode('ToggleButtonsModel', sync=True)
+
     tooltips = List(Unicode(), sync=True)
     icons = List(Unicode(), sync=True)
 
@@ -203,6 +207,7 @@ class ToggleButtons(_Selection):
 class Dropdown(_Selection):
     """Allows you to select a single item from a dropdown."""
     _view_name = Unicode('DropdownView', sync=True)
+    _model_name = Unicode('DropdownModel', sync=True)
 
     button_style = CaselessStrEnum(
         values=['primary', 'success', 'info', 'warning', 'danger', ''],
@@ -212,21 +217,28 @@ class Dropdown(_Selection):
 
 @register('Jupyter.RadioButtons')
 class RadioButtons(_Selection):
-    """Group of radio buttons that represent an enumeration.  Only one radio
-    button can be toggled at any point in time."""
+    """Group of radio buttons that represent an enumeration.
+
+    Only one radio button can be toggled at any point in time.
+    """
     _view_name = Unicode('RadioButtonsView', sync=True)
+    _modelname = Unicode('RadioButtonsModel', sync=True)
 
 
 @register('Jupyter.Select')
 class Select(_Selection):
     """Listbox that only allows one item to be selected at any given time."""
     _view_name = Unicode('SelectView', sync=True)
+    _model_name = Unicode('SelectModel', sync=True)
 
 
 @register('Jupyter.SelectMultiple')
 class SelectMultiple(_MultipleSelection):
     """Listbox that allows many items to be selected at any given time.
+
     Despite their names, inherited from ``_Selection``, the currently chosen
     option values, ``value``, or their labels, ``selected_labels`` must both be
-    updated with a list-like object."""
+    updated with a list-like object.
+    """
     _view_name = Unicode('SelectMultipleView', sync=True)
+    _model_name = Unicode('SelectMultipleModel', sync=True)