tabs2

jQuery Easyui ile Form Onchange Problemi

Merhaba arkadaşlar,

jQuery easyUI kullananlar için faydalı olabilecek bir makale olacak bu. jQuery easyUI ile textbox, datebox, numberbox ve combobox fonksiyonlarına sahibiz. Bunlar form inputlarımıza kütüphanimizin özelliklerini ekliyor. Fakat bu özellikleri ekledikten sonra

<form action="#" id="trkodlamaForm" onChange="degisimYapildi()">

formumuza örnekteki gibi onChange özelliği eklediğimizde değişikliği yakalayamıyor. Bu da doğal olarak bu özellikten faydalanamamanıza sebep oluyor. onChange özelliğinden faydalanmak için formunuzun üstüne aşağıdaki kodu eklerseniz probleminiz çözülecektir.

(function($){
	var numberbox = $.fn.numberbox.defaults.onChange;
	$.fn.numberbox.defaults.onChange = function(newValue, oldValue){
		$(this).closest('form').trigger('change');
		numberbox.call(this, newValue, oldValue);
	};
	var combobox = $.fn.combobox.defaults.onChange;
	$.fn.combobox.defaults.onChange = function(newValue, oldValue){
		$(this).closest('form').trigger('change');
		combobox.call(this, newValue, oldValue);
	};
	var textbox = $.fn.textbox.defaults.onChange;
	$.fn.textbox.defaults.onChange = function(newValue, oldValue){
		$(this).closest('form').trigger('change');
		textbox.call(this, newValue, oldValue);
	};
	var datebox = $.fn.datebox.defaults.onChange;
	$.fn.datebox.defaults.onChange = function(newValue, oldValue){
		$(this).closest('form').trigger('change');
		datebox.call(this, newValue, oldValue);
	};

})(jQuery);

Umarım faydalı olur, iyi geceler,

Post Author: Oral ÜNAL

Web geliştirmeyi başta meslek olarak hayal eden fakat daha sonra bir hobi haline getiren birisiyim işte.

Yorum yazma sırası sizde!