parent
1b5f3d3203
commit
7490cab0c1
@ -0,0 +1,48 @@
|
||||
|
||||
require(["notebook/js/widget"], function(){
|
||||
|
||||
var BoolWidgetModel = IPython.WidgetModel.extend({});
|
||||
IPython.notebook.widget_manager.register_widget_model('BoolWidgetModel', BoolWidgetModel);
|
||||
|
||||
var CheckboxView = IPython.WidgetView.extend({
|
||||
|
||||
// Called when view is rendered.
|
||||
render : function(){
|
||||
this.$el
|
||||
.html('')
|
||||
.addClass(this.model.comm.comm_id);
|
||||
|
||||
var $label = $('<label />')
|
||||
.addClass('checkbox')
|
||||
.appendTo(this.$el);
|
||||
this.$checkbox = $('<input />')
|
||||
.attr('type', 'checkbox')
|
||||
.appendTo($label);
|
||||
this.$checkbox_label = $('<div />')
|
||||
.appendTo($label);
|
||||
|
||||
this.update(); // Set defaults.
|
||||
},
|
||||
|
||||
// Handles: Backend -> Frontend Sync
|
||||
// Frontent -> Frontend Sync
|
||||
update : function(){
|
||||
if (!this.user_invoked_update) {
|
||||
this.$checkbox.prop('checked', this.model.get('value'));
|
||||
this.$checkbox_label.html(this.model.get('description'));
|
||||
}
|
||||
},
|
||||
|
||||
events: {"change input" : "handleChanged"},
|
||||
|
||||
// Handles and validates user input.
|
||||
handleChanged: function(e) {
|
||||
this.user_invoked_update = true;
|
||||
this.model.set('value', $(e.target).prop('checked'));
|
||||
this.model.apply(this);
|
||||
this.user_invoked_update = false;
|
||||
},
|
||||
});
|
||||
|
||||
IPython.notebook.widget_manager.register_widget_view('CheckboxView', CheckboxView);
|
||||
});
|
||||
@ -0,0 +1,15 @@
|
||||
import os
|
||||
|
||||
from base import Widget
|
||||
from IPython.utils.traitlets import Unicode, Bool, List
|
||||
|
||||
class BoolWidget(Widget):
|
||||
target_name = Unicode('BoolWidgetModel')
|
||||
default_view_name = Unicode('CheckboxView')
|
||||
js_requirements = List(["static/notebook/js/widgets/bool.js"])
|
||||
_keys = ['value', 'description', 'disabled']
|
||||
|
||||
value = Bool(False)
|
||||
description = Unicode('') # Description of the boolean (label).
|
||||
disabled = Bool(False) # Enable or disable user changes
|
||||
|
||||
Loading…
Reference in new issue