Hi all.

But there is an issue with this approach. The data in datagrid is loaded n-number of times!

I have extended your fiddle example to demonstrate the same: http://jsfiddle.net/ov3zxqww/1/

In case of remote url call this is terrible! Please help.

It should be possible to
 - define a datagrid (set url, columns etc.)
 - enable custom filters (call enableFilter)
 - initialize datagrid with some filter rules (filterRules)

and then load the data into datagrid.

Thanks.

Hi, if someone lands here in search of setting up an alternate icon for active filter column..

This topic is discussed here:

http://www.jeasyui.com/forum/index.php?topic=3239.0

Hello,

the 'onClickMenu' event applies well if you have a menu based filter.

However, if the filter is combobox based or simple textbox based - as seen in the attached png file, then I have no possiblilty to react and do some visual changes so that the user can see on which columns a filter is applied currently.

I think what we need here is a 'onDoFilter' event, with parameters that enables us for e.g. to change css style of header cell or set an icon.

Thank you.

The 'closed' option solves the issue! Nice to know that this option is updated on window close/open. Thanks very much.

Hello,

How can I find if a non-modal window is currently in open state? The window may or may not have the focus.

I am wanting this to update the content the window (by reopening it) if it is already open.

Thanks.

Hi, thanks for the suggestion but that doesn't work because of the way textboxes are built in easyui. They use span elements and new text elements on which the css style '.textbox-text' etc. are applied. Here, an example:

My code for creating a numberbox:

Code:

<td>
	Total Server:<br><input id="spCMSoD_kpiTotalServer" name="kpiTotalServer" readonly="readonly" class="easyui-numberbox" type="text" size="15" value="2">
</td>

The generated html output:

Code:

<td>
Total Server:
<br>
<input id="spCMSoD_kpiTotalServer" class="easyui-numberbox numberbox-f textbox-f" type="text" size="15" readonly="readonly" style="display: none;" textboxname="kpiTotalServer" numberboxname="kpiTotalServer">
<span class="textbox textbox-readonly numberbox" style="width: 108px; height: 20px;">
<input class="textbox-text textbox-text-readonly validatebox-text" type="text" autocomplete="off" readonly="readonly" placeholder="" style="margin-left: 0px; margin-right: 0px; padding-top: 2px; padding-bottom: 2px; width: 100px; ime-mode: disabled;">
<input class="textbox-value" type="hidden" name="kpiTotalServer" value="2">
</span>
</td>

The input element that I declare (id="spCMSoD_kpiTotalServer") is hidden using display:none. And a new input element with class="textbox-text textbox-text-readonly validatebox-text" is added. So the styling you apply has no effect. I think we need here a style option for textboxes

[number boxes]

How can I style number boxes to align the numbers to right (e.g. text-align: right)?

The solution in following topic "http://www.jeasyui.com/forum/index.php?topic=3648.0" aligns all types of textboxes including comboboxes. I am looking a style option only for number boxes.

Please help.

[edatagrid]

Is it possible to get the changes made to the current row in edatagrid when the event onBeforeSave is fired? That will help to avoid save/update of a row when no changes are made. Thanking you for a small hint.

Currently we add request parameters for the comboboxes as prefix to the url:

Code:

$('#myCombobx1').combobox({  
	url:'serverSideMethod.do?eN=xxx.itsm.Change&idCN=changeId&cN=changeState&cVal=CREATED&oBc=changeId',		
        hasDownArrow:true,
        ....
});

In somecases however,  there are many parameters where queryParams (like in datagrid) would make sense. In general, queryParams makes always sense with url. Thanking you for considering this request.

Please see the problem here: http://jsfiddle.net/wg795job/

Thanks Support Team, it works!

[Feedback received from support@jeasyui.com:]

Feedback received from support@jeasyui.com:

Please try this:

      onClickMenu : function(item,button) {
             if(item.target.itemName == 'myNewOperator') {
               var c = $(button).closest('.datagrid-filter-c');
               var box = c.find('.datagrid-filter');
                    $(box).textbox('reset');
             }
      }


Sincerely,
jQuery EasyUI Team

Hello,

I have a question on datagrid filter. I have extended the filter with an aditional operator and want to reset the filter-textfield when user clicks on this new operator. The "onClickMenu" event doesn't gives accesss to the filter-component itself. How can I get to the filter component? To get to the filter component, i need to have the field so that I can do something like this:
      onClickMenu : function(item,button) {
             if(item.target.itemName == 'myNewOperator') {
                    var box = $(this).datagrid('getFilterComponent', 'osEOSDate');
                    $(box).textbox('reset');
             }
      }
Please help.