Formatter foe TEXTBOX

[ftmh]

HI...
i want to have a formatter for the textbox , like datagird. how can ??

thank you 

[stworthy]

Try the code below:

Code:

(function($){
    function formatValue(target){
        var t = $(target);
        var opts = t.textbox('options');
        var v = t.textbox('getValue');
        if (opts.formatter && v){
            var v = opts.formatter.call(target, v);
            t.textbox('setText', v);
        }
    }
    var focusHandler = $.fn.textbox.defaults.inputEvents.focus;
    $.extend($.fn.textbox.defaults.inputEvents, {
        focus: function(e){
            if (focusHandler){focusHandler(e);}
            var t = $(e.data.target);
            var v = t.textbox('getValue');
            if (v){t.textbox('setText', v);}
        }
    });
    var initValue = $.fn.textbox.methods.initValue;
    $.fn.textbox.methods.initValue = function(jq, value){
        initValue.call($.fn.textbox.methods, jq, value);
        return jq.each(function(){
            var opts = $(this).textbox('options');
            formatValue(this);
            opts.value = value;
        });
    }
})(jQuery);

Usage example:

Code:

$('#t1').textbox({
	formatter:function(value){
		return value;
	}
})

[Stefan B.]

Hi. This example is not working anymore! The error is:

Code:

TypeError: $(...).textbox(...) is undefined
$(_4ea).textbox("setValue",_4eb).textbox("setText",text);

But why this is not in easyui core?
We must have also an formatter for the Text in the textbox!

In exsample we would have an Link text in the easyui textbox! (text as hyperlink)
Is that possible?

[stworthy]

Please try this example http://jsfiddle.net/zsbpzqsj/.

[fengguangyin]

Hi,the example in http://jsfiddle.net/zsbpzqsj/ is not working too,the error:

Code:

TypeError: $(...).combo(...) is undefined
	
$(this).combo("initValue",_a45).combo("setText",_a45);

jquery.....min.js (第 13629 行)

My example has a datagrid.

[stworthy]

Please try this updated example http://jsfiddle.net/zsbpzqsj/6/.

[fengguangyin]

Hi,the example in  http://jsfiddle.net/zsbpzqsj/6/ has an other error :

Code:

TypeError: date.getHours is not a function
var tt=[_577(date.getHours()),_577(date.getMinutes())];
jquery.....min.js (第 7906 行，第 13 列)

[jarry]

That example has not getHours function. Please check your code carefully.

[fengguangyin]

I copy the code from the example in  http://jsfiddle.net/zsbpzqsj/6/ to my example. My example has some plugins, such as datetimebox,textbox,combobox,combogrid,datagrid. It cause the error as I posted above. But it has no error when I remove the code.

I find the error caused by the datetimebox, I change the code
function formatValue(target){
        var t = $(target);
        var opts = t.textbox('options');
        var v = t.textbox('getValue');
        if (opts.formatter && v){
           if(!$(target).hasClass('timespinner-f')){
               var v = opts.formatter.call(target, v);
               t.textbox('setText', v);
           }
        }
    }
That has no error,Is that right?