Recent Posts

Please call this code instead.

Code:

    <div style="width:800px;display:flex;">
        <div style="margin:2px;flex:1;border:1px solid red;">
          <input class="easyui-datebox" data-options="" style="width:100%;">
        </div>
        <div style="margin:2px;flex:1;border:1px solid blue;">
            <input class="easyui-datebox" data-options="" style="width:100%;">
        </div>
    </div>

See next code:

Code:

    <div style="width:800px;display:flex;">
        <div style="margin:2px;flex-grow:1;border:1px solid red;">
          <input type="text" style="width:100%;min-width:0;" />
        </div>
        <div style="margin:2px;flex-grow:1;border:1px solid blue;"> 
            <input type="text" style="width:100%;min-width:0;" />
        </div>
    </div>

    <div style="width:800px;display:flex;">
        <div style="margin:2px;flex-grow:1;border:1px solid red;">
          <input class="easyui-datebox" data-options="" style="width:100%;">
        </div>
        <div style="margin:2px;flex-grow:1;border:1px solid blue;"> 
            <input class="easyui-datebox" data-options="" style="width:100%;">
        </div>
    </div>

in first row, two input each space 50% width as experted.

but in second row, textbox not show correctly

it seams some bug in textbox render...

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

The extended operators can be made to filter multiple values in the rows.

Code:

$.extend($.fn.datagrid.defaults.operators, {
    mcontains:{
        text:'Contains',
        isMatch:function(source,value){
            const vv = value.split(',').filter(r=>r);
            for(let i=0; i<vv.length; i++){
                const v = vv[i];
                if (source.indexOf(v) >= 0){
                    return true;
                }
            }
            return false;
        }
    }
})

This new operator can be applied to a filter input.

Code:

$('#dg').datagrid('enableFilter', [
                {
                    field:'Users',
                    type:'textbox',
                    op:['equal','mcontains']
                },
...

Call this code to load the email address of the first item.

Code:

$('#fm').form('load',{email:data[0].Email});

Regarding form data

In my case, the data returned is always a object, ie
$('#fm').form('load', [{name: 'xxx}]);

example of returned data
[
{"Company":"Company 1","Phone":"01234 567890","Email":"jim@yahoo.com"}
{"Company":"Company 2 ,"Phone":"01234 012345","Email":"bill@yahoo.com"}
]

I would like to use the email address, of the first element of the returned array data (in the above example "jim@yahoo.com" in a form field.

Suggestions appreciated

Thank you

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

https://www.jeasyui.com/forum/index.php?topic=8784.msg23427#msg23427

lol~~~

Thanks a lot!!!  Jarry~~~

This is the extended methods.

Code:

$.extend($.fn.radiogroup.methods, {
	disable: function(jq){
		return jq.each(function(){
			$(this).find('.radiobutton-f').radiobutton('disable');
		})
	},
	enable: function(jq){
		return jq.each(function(){
			$(this).find('.radiobutton-f').radiobutton('enable');
		})
	}
})

Usage example:

Code:

$('#formModMold .mChamberType').radiogroup('disable');