Datagrid with the new headers options HOW?

Wed, 07 Jun 2017 09:14:07 +0000

Hi,

I would like to create a datagrid in a page that will allow me to use the fancy filters and order columns features as on below :

How can I do that? the getDataGrid macro I use just allow me to force certain parameters as a filter or an order but I would like to make my datagrid as interactive as possible.

thank you

How to add a "datePicker" edit field in a DataGrid ?

Fri, 02 Dec 2016 17:54:50 +0000

Hi,

I want to set an edit field as a datePicker in a DataGrid. This post was first a question, but, finally, I give the solution i found...

I use a macro in the GridColumnsCustom.txt:

td.F_MYDATE {[
  <td width="150px">
    <input type="text" class="pickDateEditor"   id="F_MYDATE_<#F=$KEY$>" title="" value="<#F=$FIELD$;nospace=true>"  data-msg="pickDate;$this;$event"  placeholder="<%GetLocaleSetting('ShortDateFormat', moment=T)%>" autocomplete="off" >
  </td>
]}

I also add this JS inside MacroConsultCustom.txt:

ConsultScriptsCustom.Comp {[

 <script>
// pour gérer les datetimepicker dans les listes
requirejs(['jquery', 'datetimepicker' ], function($, Datetimepicker) {

    $('.pickDateEditor').each(function( i ) {
        $(this).datetimepicker({
            format:   "<%GetLocaleSetting('ShortDateFormat', moment=T)%>",
            language: "<%GetLanguage(lowercase=T)%>"
        });
    });

}); //  End of requirejs
  </script>

 ...
]}

The resultat is below :

The next step is, for me now, to save the changed values by an Ajax call...

Efficy Overflow Q&A - Recent questions tagged datagrid

Datagrid with the new headers options HOW?

How to add a "datePicker" edit field in a DataGrid ?