Added boolean widget

Jonathan Frederic 12 years ago
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…
Cancel
Save