Input keyup event operations inside dataitem.set method will lead to input loses focus

[ye]

Input keyup event operations inside dataitem.set method will lead to input loses focus. 

The code is below:

 

keyupHandler: function(e){

    var _id = e.target.name;
    var _configItemValue = e.target.value;
    var dataItem = that.options.dataSource.get( _id );

     // above focus is ok
    dataItem.set( "configItemValue", _configItemValue );

    // input focus lost

    // I had hoped to focus way in this focus, but has no effect
    $(e.target).focus();
}

 

HTML Code:

<input class="k-textbox"  data-bind="events: { keyup: keyupHandler}" />

how to avoid this problem?

[Daniel]

Hello,

I am not sure what could cause the focus to be lost. Could you provide the full code that your using?

Regards,
Daniel
Telerik

 

 

[ye]

Attach is my full code.

[ye]

Attach is my full code.

[Daniel]

Hello again,

The focus will be lost because the treelist will be redrawn. The set method will trigger the change event and the treelist is redrawn on change. You could restore the focus by using an approach similar to the one in the snippet below:

dataItem.set( "configItemValue", _configItemValue );
$("#treelist").find("tr[data-uid='" + dataItem.uid + "'] .searchInput").focus();

but a simpler solution would be to assign the value without the set method:

var dataItem = that.options.dataSource.get( _id );
dataItem.configItemValue = _configItemValue;
dataItem.dirty;

Regards,
Daniel
Telerik

 

 

[ye]

I tried both method, is all ok. Thanks!