Thanks Jarry,

You pointed me in the right direction!
I made a minor adjustment to split on both commas and spaces.

Code:

var vv = value.split(/[\s,]+/); // split on both commas and spaces

Cheers,
Jeroen

Hi,

I have a question about the Datagrid Filter Row extension.

In my datagrid I have 'Users' column in where each cell contains the abbreviation of one or more users, see attachment "column_data.png". In the filter input bar I want it to be possible to type multiple user-abbreviations separated by a comma or space, for example: "jvdv rza", also see attachment "filter_input.png". The idea is that only rows are shown that have at least a user "jvdv" or "rza", see attachment "desired_result.png".

The filtering is done remotely and the data returned is correct, but it does not appear in the datagrid, the grid becomes empty.
My guess is that the Filter extension compares and checks again the returned data with the filter input (textbox) and only shows the rows that exactly match with the text entered in the filter input bar.
Is my guess correct? Does the filter extension checks the returned data to match with the text entered in the filter input bar?
If so, how can I bypass that?

Many thanks in advance and best regards,
Jeroen

Thank you Jarry, I can work with that.

Cheers

Hi,

I am using a filebox in my form. When I use the native javascript serialize() or serializeArray() method to retrieve all Form input field names and values, the filebox input is missing. Is this as intended or am I doing something wrong here?

Code:

        <form id="ff" method="post" > 
            <input class="easyui-textbox" name="first_name" style="width:200px;">
            <input class="easyui-filebox" name="document" style="width:200px;">
        </form>

        <script type="text/javascript">
            var fields = $('#ff').serialize();
            console.log(fields);  // output: first_name=&document=
    
            $(function() {
                var fields = $('#ff').serialize();
                console.log(fields);  // output: first_name=
            });
        </script>

Thanks Jarry, looks great!

Hi,

According to the documentation of the Texteditor extension the 'disable' method will disable the texteditor component and the 'readonly' method enables or disable the readonly mode. However, both commands below show the same behaviour. Whether I use the 'readonly' method or 'disable' method or both, the text cannot be edit, but the texteditor buttons are not greyed-out and can still be clicked, see figure (though no command is executed, so that is good).
So I wonder, what is the difference between the two?

I would expect that with the 'disable' method the texteditor buttons would be greyed out and can't be clicked (comboboxes remain closed) like in the 2nd figure below.

Code:

$('#te').texteditor('readonly', true);
$('#te').texteditor('disable');

Thanks Jarry, it works well now.

Hi Jarry,

Thanks for your reply. When I select an item from the combogrid e.g. "Koi", it disappears again the moment I click on the arrow. This was not the case in previous versions.

Hi,

In the latest version v1.10.13, the value in the ComboGrid inputfield is cleared/lost when I put focus on the inputfield, or click on it. Previous versions don't show this issue.

Thanks Jarry, it works well.

Hi,

I am using a Texteditor in my form. When I clear the form using the 'clear' method it does not clear the texteditor content.
Of course there are other ways to do that, but it would be nice if the Form's 'clear' method can do that.

Code:

        <form id="ff" method="post">           
            <div class="easyui-texteditor" title="TextEditor" style="width:700px;height:300px;padding:20px">
                Some text...
            </div>        
        </form>

        <div style="text-align:center;padding:5px 0">
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()" style="width:80px">Clear</a>
        </div>        
        
        <script>
            function clearForm(){
                $('#ff').form('clear');
            }
        </script> 

Works like a charm!

Many thanks!

Hi,

Is it possible to prevent the modal Drawer from closing and/or collapsing?
I tried the onBeforeClose and onBeforeCollapse events, but they do not seem to be available for the Drawer plugin. The code below does not prevent the drawer from closing/collapsing.

Any ideas?

Code:

    
$('#additional-info').drawer({
        title: ' ',
        closable:true,
        modal:true,
        onBeforeCollapse: function(){
            // Do some checks...
            return false;
        },
        onBeforeClose: function(){
            // Do some checks...
            return false;
        }
    });

Thanks a lot Jarry, that works!

Hi,

I want to show the closable button of the Drawer plugin. When I set the closable property to true, the button is still not shown.
What am I doing wrong?

Code:

<div id="additional-info" class="easyui-drawer" data-options="closable:true,width:350" >
    <p style="text-align:center;margin:50px 0;font-size:16px">Content...</p>
</div>