YouTip

# jQuery EasyUI Extension - DataGrid Filter Row * * jQuery EasyUI Extension](#) * * * !(#) ## Usage #### Include the 'datagrid-filter.js' file #### Enable Filter var dg = $('#dg'); dg.datagrid();// create datagrid dg.datagrid('enableFilter');// enable filter ## Properties This property extends from the datagrid. Below are the properties added for the datagrid. | **Name** | **Type** | **Description** | **Default** | | --- | --- | --- | --- | | filterMenuIconCls | string | The icon class of the filter menu item (indicating the item to use). | icon-ok | | filterBtnIconCls | string | The icon class of the filter button. | icon-filter | | filterBtnPosition | string | The position of the filter button. Possible values are 'left' and 'right'. | right | | filterPosition | string | The position of the filter bar relative to the column. Possible values are 'top' and 'bottom'. | bottom | | remoteFilter | boolean | Set to true to perform remote filtering. When enabled, the 'filterRules' parameter will be sent to the remote server. The value of the 'filterRules' parameter is obtained by the 'filterStringify' function. | false | | filterDelay | number | The delay time in milliseconds from the last key input event in the 'text' filter component before executing the filter. | 400 | | filterRules | array | The definition of filter rules. Each rule contains 'field', 'op', and 'value' properties. | [] | | filterStringify | function | The function to stringify the filter rules. | function(data){return JSON.stringify(data);} | ## Methods The following methods extend from the datagrid. | **Name** | **Parameters** | **Description** | | --- | --- | --- | | enableFilter | filters | Create and enable the filtering functionality. |