Skip to content

Commit a34152a

Browse files
ChronosSFChronosSF
committed
fix(*): removing the use of deprecated bind
1 parent 79b708e commit a34152a

18 files changed

+121
-121
lines changed

‎demos/video-player/common-features.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -214,7 +214,7 @@
214214
else
215215
$("#webMVideo").html($("#webMVideo").html() + '<span class="red">NO</span>');
216216

217-
$("#videoPlayer1").igVideoPlayer().bind({
217+
$("#videoPlayer1").igVideoPlayer().on({
218218
igvideoplayerplaying: function () {
219219
playing = true;
220220
$('#btnPlay span').html("Pause");
@@ -248,7 +248,7 @@
248248
$("#videoPlayer1").igVideoPlayer("play");
249249
});
250250

251-
$("#slider").slider({ value: 50 }).bind("slide", function (event, ui) {
251+
$("#slider").slider({ value: 50 }).on("slide", function (event, ui) {
252252
var value = ui.value;
253253
$("#videoPlayer1").igVideoPlayer("option", "volume", value / 100);
254254
});

‎src/js/extensions/infragistics.ui.editors.knockout-extensions.js‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
if (options.updateMode.toLowerCase() === "onchange") {
5656

5757
//In that case the model is updated on valueChanged event
58-
editor.bind("igtexteditorvaluechanged", function (event, args) {
58+
editor.on("igtexteditorvaluechanged", function (event, args) {
5959
if (ko.isObservable(valueAccessor().value)) {
6060
valueAccessor().value(args.newValue);
6161
} else {
@@ -65,7 +65,7 @@
6565
} else {
6666

6767
//In that case the model is updated on textChanged event
68-
editor.bind("igtexteditortextchanged", function (event, args) {
68+
editor.on("igtexteditortextchanged", function (event, args) {
6969
// N.A. December 9th, 2016 #577 Don't update editor value, while typing. It is updated only on blur.
7070
editor.data("igTextEditor")._doNotUpdate = true;
7171
if (ko.isObservable(valueAccessor().value)) {
@@ -77,7 +77,7 @@
7777
if (options.listItems !== undefined) {
7878

7979
//In that case the model is updated dropDownItemSelecting event
80-
editor.bind("igtexteditordropdownitemselecting", function (event, args) {
80+
editor.on("igtexteditordropdownitemselecting", function (event, args) {
8181
if (ko.isObservable(valueAccessor().value) && args.item !== undefined) {
8282
valueAccessor().value(args.item.innerText);
8383
} else if (args.item !== undefined) {
@@ -115,7 +115,7 @@
115115
if (options.updateMode.toLowerCase() === "onchange") {
116116

117117
//In that case the model is updated on valueChanged event
118-
editor.bind("igdatepickervaluechanged", function (event, args) {
118+
editor.on("igdatepickervaluechanged", function (event, args) {
119119
if (ko.isObservable(valueAccessor().value)) {
120120

121121
//T.P. #153479 Fix to use value instead of text, because editor sets date value and we should rely on that date, but not text.
@@ -187,7 +187,7 @@
187187
if (options.updateMode.toLowerCase() === "onchange") {
188188

189189
//In that case the model is updated on valueChanged event
190-
editor.bind("igdateeditorvaluechanged", function (event, args) {
190+
editor.on("igdateeditorvaluechanged", function (event, args) {
191191
if (ko.isObservable(valueAccessor().value)) {
192192

193193
//T.P. #153479 Fix to use value instead of text, because editor sets date value and we should rely on that date, but not text.
@@ -259,7 +259,7 @@
259259
if (options.updateMode.toLowerCase() === "onchange") {
260260

261261
//In that case the model is updated on valueChanged event
262-
editor.bind("ignumericeditorvaluechanged", function (event, args) {
262+
editor.on("ignumericeditorvaluechanged", function (event, args) {
263263
if (ko.isObservable(valueAccessor().value)) {
264264
valueAccessor().value(args.newValue);
265265
} else {
@@ -269,7 +269,7 @@
269269
} else {
270270

271271
//In that case the model is updated on textChanged event
272-
editor.bind("ignumericeditortextchanged", function (event, args) {
272+
editor.on("ignumericeditortextchanged", function (event, args) {
273273
args.owner._processValueChanging(args.text);
274274
editor.data("igNumericEditor")._doNotUpdate = true;
275275
if (ko.isObservable(valueAccessor().value)) {
@@ -323,7 +323,7 @@
323323
if (options.updateMode.toLowerCase() === "onchange") {
324324

325325
//In that case the model is updated on valueChanged event
326-
editor.bind("igcurrencyeditorvaluechanged", function (event, args) {
326+
editor.on("igcurrencyeditorvaluechanged", function (event, args) {
327327
if (ko.isObservable(valueAccessor().value)) {
328328
valueAccessor().value(args.newValue);
329329
} else {
@@ -333,7 +333,7 @@
333333
} else {
334334

335335
//In that case the model is updated on textChanged event
336-
editor.bind("igcurrencyeditortextchanged", function (event, args) {
336+
editor.on("igcurrencyeditortextchanged", function (event, args) {
337337
args.owner._processValueChanging(args.text);
338338
editor.data("igCurrencyEditor")._doNotUpdate = true;
339339
if (ko.isObservable(valueAccessor().value)) {
@@ -385,7 +385,7 @@
385385
if (options.updateMode.toLowerCase() === "onchange") {
386386

387387
//In that case the model is updated on valueChanged event
388-
editor.bind("igpercenteditorvaluechanged", function (event, args) {
388+
editor.on("igpercenteditorvaluechanged", function (event, args) {
389389
if (ko.isObservable(valueAccessor().value)) {
390390
valueAccessor().value(args.newValue);
391391
} else {
@@ -395,7 +395,7 @@
395395
} else {
396396

397397
//In that case the model is updated on textChanged event
398-
editor.bind("igpercenteditortextchanged", function (event, args) {
398+
editor.on("igpercenteditortextchanged", function (event, args) {
399399
args.owner._processValueChanging(args.text);
400400
editor.data("igPercentEditor")._doNotUpdate = true;
401401
if (ko.isObservable(valueAccessor().value)) {
@@ -447,7 +447,7 @@
447447
if (options.updateMode.toLowerCase() === "onchange") {
448448

449449
//In that case the model is updated on valueChanged event
450-
editor.bind("igmaskeditorvaluechanged", function (event, args) {
450+
editor.on("igmaskeditorvaluechanged", function (event, args) {
451451
if (ko.isObservable(valueAccessor().value)) {
452452
valueAccessor().value(args.newValue);
453453
} else {
@@ -486,7 +486,7 @@
486486
}
487487

488488
//In that case the model is updated on valueChanged event
489-
editor.bind("igcheckboxeditorvaluechanged", function (event, args) {
489+
editor.on("igcheckboxeditorvaluechanged", function (event, args) {
490490
if (ko.isObservable(valueAccessor().checked)) {
491491
valueAccessor().checked(args.newState);
492492
} else {
@@ -528,7 +528,7 @@
528528
if (options.updateMode.toLowerCase() === "onchange") {
529529

530530
//In that case the model is updated on valueChanged event
531-
editor.bind("igtimepickervaluechanged", function (event, args) {
531+
editor.on("igtimepickervaluechanged", function (event, args) {
532532
if (ko.isObservable(valueAccessor().value)) {
533533
valueAccessor().value(args.owner.value());
534534
} else {

‎src/js/modules/infragistics.ui.dialog.js‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1653,7 +1653,7 @@
16531653
}
16541654
if (id) {
16551655
button = $("<a />").addClass(css.headerButton + " " + css[ id ]).attr("data-id", id)
1656-
.attr("href", "#").attr("role", "button").bind(evts).appendTo(header);
1656+
.attr("href", "#").attr("role", "button").on(evts).appendTo(header);
16571657
$("<span />").addClass(css[ id + "Icon" ]).appendTo(button);
16581658

16591659
// i=order of buttons in header:pin,min,max,close
@@ -1970,7 +1970,7 @@
19701970
elems = elem.find("*").not(old);
19711971
if (elems.length) {
19721972
self._focBind = old.add(elems);
1973-
elems.bind(focusEvt);
1973+
elems.on(focusEvt);
19741974
}
19751975
}
19761976
self._hasFocus = foc;
@@ -2003,7 +2003,7 @@
20032003
focusEvt = self._focusEvt = { focus: focusEvt, blur: focusEvt };
20042004
}
20052005
if (track && elem) {
2006-
self._focBind = elem.find("*").add(elem).bind(focusEvt);
2006+
self._focBind = elem.find("*").add(elem).on(focusEvt);
20072007
}
20082008
},
20092009

@@ -2088,7 +2088,7 @@
20882088
}
20892089
}
20902090
};
2091-
elem.bind({
2091+
elem.on({
20922092
touchstart: function (e) { evt(e, "start"); },
20932093
touchmove: function (e) { evt(e, "move"); },
20942094
touchend: function (e) { evt(e); }
@@ -2339,7 +2339,7 @@
23392339
_onResize: function () {
23402340
var self = this, div = self.isTopModal() ? self._modalDiv : null;
23412341
if (!self._winResize) {
2342-
$(window).bind("resize", self._winResize = function () {
2342+
$(window).on("resize", self._winResize = function () {
23432343
setTimeout(function () {
23442344
self._onResize();
23452345
}, 50);

‎src/js/modules/infragistics.ui.htmleditor.js‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1880,7 +1880,7 @@
18801880
}
18811881
};
18821882

1883-
$workspaceDocument.find("html").bind("click", function (e) {
1883+
$workspaceDocument.find("html").on("click", function (e) {
18841884
var target = $(e.target);
18851885

18861886
if (target.is("html")) {
@@ -1889,12 +1889,12 @@
18891889
self._isDirty = true;
18901890
self._hideDialogs();
18911891
e.stopPropagation();
1892-
}).bind("mouseup", function () {
1892+
}).on("mouseup", function () {
18931893
self._onSelectionChange();
18941894
});
18951895

18961896
// K.D. July 17th, 2012 Bug #112076 Need to bind on keydown not keypress in order for it to work in IE/Webkit
1897-
$workspaceDocument.bind("keydown", function (e) {
1897+
$workspaceDocument.on("keydown", function (e) {
18981898
var $children,
18991899
$firstChild;
19001900

@@ -1922,11 +1922,11 @@
19221922
self._onSelectionChange();
19231923
});
19241924

1925-
$workspaceDocument.bind("cut copy paste", function (e) {
1925+
$workspaceDocument.on("cut copy paste", function (e) {
19261926
self._trigger(e.type, e, { owner: self });
19271927
});
19281928

1929-
this.element.bind("ightmleditoractionexecuted", function (e, ui) {
1929+
this.element.on("ightmleditoractionexecuted", function (e, ui) {
19301930
if (ui.actionName.toLowerCase() === self.events.undo ||
19311931
ui.actionName.toLowerCase() === self.events.redo) {
19321932
self._trigger(ui.actionName.toLowerCase(), e, { owner: self });
@@ -2755,12 +2755,12 @@
27552755
self.hide();
27562756
}
27572757
});
2758-
this.poContent.bind("keypress", function (e) {
2758+
this.poContent.on("keypress", function (e) {
27592759
if (e.keyCode === $.ui.keyCode.ESCAPE) {
27602760
self.hide();
27612761
}
27622762
});
2763-
this.element.bind("igpopovershown", function () {
2763+
this.element.on("igpopovershown", function () {
27642764
self.poContent.find("#" + self._id("_linkHref")).focus();
27652765
});
27662766
},
@@ -2885,7 +2885,7 @@
28852885
self.hide();
28862886
});
28872887

2888-
tablePreview.bind("mouseout", function () {
2888+
tablePreview.on("mouseout", function () {
28892889
cells.removeClass("ui-state-hover");
28902890
self.rowsNumField.val(null);
28912891
self.columnsNumField.val(null);
@@ -3591,7 +3591,7 @@
35913591
})
35923592
};
35933593

3594-
toolbars.bind("igtoolbartoolbarbuttonclick", function (e, ui) {
3594+
toolbars.on("igtoolbartoolbarbuttonclick", function (e, ui) {
35953595
if (alignButtons.hasOwnProperty(ui.name)) {
35963596
$.each(alignButtons, function (buttonName, button) {
35973597
if (buttonName !== ui.name &&

‎src/js/modules/infragistics.ui.popover.js‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -639,7 +639,7 @@
639639
if (this.options.headerTemplate.closeButton) {
640640
var closeBtn = $("<div></div>")
641641
.addClass(this.css.closeButtonClass)
642-
.bind("click.popover", this._closeBtnClick.bind(this))
642+
.on("click.popover", this._closeBtnClick.bind(this))
643643
.appendTo(cnt);
644644
if (this.id()) {
645645
closeBtn.attr("id", this.id() + "_popover_closeBtn");
@@ -865,17 +865,17 @@
865865
(typeof t[ 0 ] === "object") && (t[ 0 ].nodeType === 1) &&
866866
( typeof t[ 0 ].style === "object" ) &&
867867
( typeof t[ 0 ].ownerDocument === "object" ) ) ) {
868-
$(t).unbind(showEvt).bind(showEvt, targetShowEvt);
869-
$(t).unbind(hideEvt).bind(hideEvt, targetHideEvt);
868+
$(t).unbind(showEvt).on(showEvt, targetShowEvt);
869+
$(t).unbind(hideEvt).on(hideEvt, targetHideEvt);
870870
} else if (this.options.selectors && showEvt) {
871871
this.element.find(this.options.selectors).addBack().each(function () {
872872
var target = $(this)[ 0 ];
873873
/* verify that no popover should be shown for the original div */
874874
if (target === self.element[ 0 ]) {
875875
return;
876876
}
877-
$(target).unbind(showEvt).bind(showEvt, targetShowEvt);
878-
$(target).unbind(hideEvt).bind(hideEvt, targetHideEvt);
877+
$(target).unbind(showEvt).on(showEvt, targetShowEvt);
878+
$(target).unbind(hideEvt).on(hideEvt, targetHideEvt);
879879
});
880880
}
881881
},

‎src/js/modules/infragistics.ui.rating.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -421,7 +421,7 @@
421421

422422
// flag if control should use hover-css. Bit 1-has mouse, Bit 2-has focus.
423423
me._hasHov = 0;
424-
elem = me._elem = $("<div/>").css(sto).addClass(css.normal).appendTo(elem0).bind(me._evts = {
424+
elem = me._elem = $("<div/>").css(sto).addClass(css.normal).appendTo(elem0).on(me._evts = {
425425
mousedown: function (e) { me._doEvt(e, 1); },
426426
mousemove: function (e) { me._doEvt(e, 2); },
427427
mouseleave: function (e) { me._doEvt(e, 3); }
@@ -643,7 +643,7 @@
643643
overflow: "visible"
644644
};
645645
while (++i < count) {
646-
span = $("<span />").addClass(css.vote).css(cssV).appendTo(div).bind(touch);
646+
span = $("<span />").addClass(css.vote).css(cssV).appendTo(div).on(touch);
647647
if (o.disabled) {
648648
span.addClass(css.voteDisabled);
649649
}
@@ -653,7 +653,7 @@
653653
}
654654
span[ 0 ]._i = i;
655655
span = $("<span />").addClass(css.vote).addClass(css.voteSelected)
656-
.css(cssV).appendTo(sel).bind(touch);
656+
.css(cssV).appendTo(sel).on(touch);
657657
if (o.disabled) {
658658
span.addClass(css.voteDisabledSelected);
659659
}
@@ -665,7 +665,7 @@
665665
me._selSwap = span;
666666
}
667667
span = $("<span />").addClass(css.vote).addClass(css.voteHover)
668-
.css(cssV).appendTo(hov).bind(touch);
668+
.css(cssV).appendTo(hov).on(touch);
669669
if (cssi && cssi[ 2 ]) {
670670
span.addClass(cssi[ 2 ]);
671671
}

‎src/js/modules/infragistics.ui.shared.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -237,7 +237,7 @@
237237
// TODO we should think of a different way to find the handle as the class can be changed by the user
238238
// and it may not be just one class
239239
this.handles = $(".ui-igslider-handle", this.element)
240-
.addClass("ui-state-default" + " ui-corner-all").bind({
240+
.addClass("ui-state-default" + " ui-corner-all").on({
241241
click: function (event) {
242242
event.preventDefault();
243243
},
@@ -370,7 +370,7 @@
370370
((mark.value - o.min) / (o.max - o.min) * 100) + "%" : "0%");
371371
}
372372

373-
this.bookmarks = $(".ui-igslider-bookmark", this.element).addClass("ui-state-default").bind({
373+
this.bookmarks = $(".ui-igslider-bookmark", this.element).addClass("ui-state-default").on({
374374
mousedown: function (event) {
375375
var noCancel = true,
376376
bookmarkIndex = $(this).data("index.ui-igslider-bookmark");
@@ -522,7 +522,7 @@
522522
// A.Y. June 6, 2011 Bug# 73864 - the ui.mouse plugin that we extend is not firing _mouseStop unless there is a slide
523523
// in which case it fires _mouseStart and then _mouseStop, so we should handle the mouseUp event
524524
// unless _mouseStart is fired before that
525-
$(document).bind("mouseup." + this.widgetName, this._mouseUpHandler);
525+
$(document).on("mouseup." + this.widgetName, this._mouseUpHandler);
526526

527527
return true;
528528
},
@@ -1540,7 +1540,7 @@
15401540
self._onKeyDown(e);
15411541
}
15421542
};
1543-
e.bind(this._events);
1543+
e.on(this._events);
15441544
},
15451545

15461546
/************** Helper Functions *******************/

0 commit comments

Comments
 (0)