mirror of
https://github.com/jupyter/notebook.git
synced 2025-03-13 13:17:50 +08:00
837ef44256
Moved model-like code out of manager.
Added parent/child API.
Throttling now occurs on a model by model level.
View/cell association is fixed for the most part, but there is still
one assumption being made in handle_com_msg.
93 lines
3.0 KiB
JavaScript
93 lines
3.0 KiB
JavaScript
require(["../static/notebook/js/widget"], function(){
|
|
var StringWidgetModel = IPython.WidgetModel.extend({});
|
|
IPython.notebook.widget_manager.register_widget_model('StringWidgetModel', StringWidgetModel);
|
|
|
|
var LabelView = IPython.WidgetView.extend({
|
|
|
|
// Called when view is rendered.
|
|
render : function(){
|
|
this.$el = $('<div />');
|
|
this.update(); // Set defaults.
|
|
},
|
|
|
|
// Handles: Backend -> Frontend Sync
|
|
// Frontent -> Frontend Sync
|
|
update : function(){
|
|
this.$el.html(this.model.get('value'));
|
|
},
|
|
|
|
});
|
|
|
|
IPython.notebook.widget_manager.register_widget_view('LabelView', LabelView);
|
|
|
|
var TextareaView = IPython.WidgetView.extend({
|
|
|
|
// Called when view is rendered.
|
|
render : function(){
|
|
this.$el
|
|
.html('');
|
|
this.$textbox = $('<textarea />')
|
|
.attr('rows', 5)
|
|
.appendTo(this.$el);
|
|
this.update(); // Set defaults.
|
|
},
|
|
|
|
// Handles: Backend -> Frontend Sync
|
|
// Frontent -> Frontend Sync
|
|
update : function(){
|
|
if (!this.user_invoked_update) {
|
|
this.$textbox.val(this.model.get('value'));
|
|
}
|
|
},
|
|
|
|
events: {"keyup textarea" : "handleChanging",
|
|
"paste textarea" : "handleChanging",
|
|
"cut textarea" : "handleChanging"},
|
|
|
|
// Handles and validates user input.
|
|
handleChanging: function(e) {
|
|
this.user_invoked_update = true;
|
|
this.model.set('value', e.target.value);
|
|
this.model.update_other_views(this);
|
|
this.user_invoked_update = false;
|
|
},
|
|
});
|
|
|
|
IPython.notebook.widget_manager.register_widget_view('TextareaView', TextareaView);
|
|
|
|
var TextboxView = IPython.WidgetView.extend({
|
|
|
|
// Called when view is rendered.
|
|
render : function(){
|
|
this.$el
|
|
.html('');
|
|
this.$textbox = $('<input type="text" />')
|
|
.addClass('input')
|
|
.appendTo(this.$el);
|
|
this.update(); // Set defaults.
|
|
},
|
|
|
|
// Handles: Backend -> Frontend Sync
|
|
// Frontent -> Frontend Sync
|
|
update : function(){
|
|
if (!this.user_invoked_update) {
|
|
this.$textbox.val(this.model.get('value'));
|
|
}
|
|
},
|
|
|
|
events: {"keyup input" : "handleChanging",
|
|
"paste input" : "handleChanging",
|
|
"cut input" : "handleChanging"},
|
|
|
|
// Handles and validates user input.
|
|
handleChanging: function(e) {
|
|
this.user_invoked_update = true;
|
|
this.model.set('value', e.target.value);
|
|
this.model.update_other_views(this);
|
|
this.user_invoked_update = false;
|
|
},
|
|
});
|
|
|
|
IPython.notebook.widget_manager.register_widget_view('TextboxView', TextboxView);
|
|
});
|