[APOLLO TRAINING] BindingBuilder - combotext

combotext.js

// <div class="siad-bind" data-model="" data-property="" data-binding="combotext|target=_cbPar" data-value="" style="display:none;"></div>


BindingBuilder.Add('combotext', function ($element, properties, options) {
    var dropdown = window[options['target']];
    var $dropdown = $(dropdown.Container).hide();
	var length = dropdown.options.length;            
    var $el = $("<input>", { 
        'type' : 'text',
        'class' : 'ob_iTRE'    
    }).appendTo($element.show());
		
    var updateBaseControl = function (event) {        
        var value = $el.val();
		if (dropdown.options.length > length) { dropdown.options.remove(length); }
        if (value.length > 0) { 
            dropdown.options.add(value, value, length); 
			dropdown.value(value);			
        }
    }    

    $el.bind('keyup', updateBaseControl);
    $el.bind('change', updateBaseControl);
});