Recent Posts

Thank you, that helped.
Although it works a bit strangely.
I have the textbox disabled in the form when initializing.
The attribute setting only works on an enabled textbox. With that said, in the first edit of the textbox, the virtual keyboard is activated and in subsequent edits the virtual keyboard is no longer displayed.
But thanks for that too...

Please call the 'textbox' method to get the inputing box and then set its 'inputmode' attribute.

Code:

var input = $('#tt').textbox('textbox');
input.attr('inputmode','none');

thanks Jarry I'll give that a try. Much appreciated.

Hello,
I would like to use the inputmode parameter in <input>.

Code:

<input id="data_input" name="data_input" class="easyui-textbox" style="width: 100%; height: 38px" inputmode="none">

However, this parameter is ignored and not used when generating pages in jeasyui.
How to control the type of keyboard displayed on mobile devices?
Thanks for the advice
Michal

The 'reload' method accepts the 'id' parameter. If the 'id' value is missing, the treegrid will reload the root node. If the 'id' value is set, the treegrid will reload the specified node.

Code:

$(grid).treegrid('reload', idvalue);

Please try to pass the node's id value to the 'reload' method if you want to reload that node.

Thanks jarry. That worked, but only for the first level. When I try it with the subsequent levels, while the row in question is selected, the parent row is not expanded. Here's what I've tried:

Code:

function refreshGrid(grid_id){
    var grid = '#' + grid_id;
    var row = $(grid).treegrid('getSelected');
    if(row){
        var grid_level = $(grid).treegrid('getLevel', row['id]'])
        $(grid).treegrid('reload');
        if (grid_level ==0){
            $(grid).treegrid('scrollTo',row['id']);
            $(grid).treegrid('selectRow',row['id']);
            $(grid).treegrid('highlightRow',row['id']);
        } else if (grid_level == 1){
            // get the parrent node and id
            var parentNode = $(grid).treegrid('getParent', row['id']);
            var parent_id = parentNode['id'];
            
            // scroll to the parent node, expand it and select the row.
            $(grid).treegrid('scrollTo',parentNode['id']);
            $(grid).treegrid('expand', parentNode['id']);
            $(grid).treegrid('select', row['id']);
        }
    }
}

What happens is that the grid is reloaded, but the parent node is collapsed. When I expand it, the row in question is selected. I am not sure what the issue is in this case, so any help would be appreciated.

Greetings! Will any EasyUI component for Vue work with my Vue 3.x app? Thanks in advance!

Please call this code to get the toolbar bound to the datagrid. And then you will be able to access the buttons in the toolbar.

Code:

var tb = $('#dg').datagrid('options').toolbar;
...

Has anyone encountered such a situation? It works very well on a computer, but if the page is loaded on a tablet/phone it doesn't work so well, it's even hard to work with. For example datagrid, messager is very slow

Thanks jarry that worked. Your help is much appreciated