Is there a way to group by filed by drage a column to group panel ?

example
https://ej2.syncfusion.com/demos/#/bootstrap5/grid/lazy-load-grouping.html

Hi

any online good reporting tool that allow me to design and embedd in web app ? free or paid but not expensive.

Thanks

Thanks

many thanks squidoz

Hi

No Charts tools ?

Hi

How I create cascade combobox ? for example selected value in first combobox change values loaded in second one.

any documentation to read more about this code ?

I am just displaying the grid a standard way but I need to create custom filter like list data between two months only or two weeks . I know how to do that in PHP but how to filter the data displayed in the grid ?

Also is there UI tool I can use for this filter ?

Hi,
Is there a card view plugin like in this picture
http://kswblog.azurewebsites.net/wp-content/uploads/2015/09/screenshot_884.png

I need to display cards and be able to drag and drop cards from one column to another.

I found a way , I used cookies and then read the data using json_decode.

Is there any method to send row object to detail.php page and also move to this page ?

Thanks I tried JQuery post and it really post row to another php page (ex detail.php) but the problem I still stay at the grid page I need to also to move to this new page detail.php to simply display the grid current selected record in a form style, any idea ?

I can read the id and then select from the db all fields again but I was wondering if datagrid can pass the row object with all values to another php page or not ?.

I use inline grid and I need to pass all the fields values of the current selected record to another php file and same time navigate to this page so I can read values like this:

$myvar = $_REQUEST['field'];

So I added new button on the grid tool bar like this:

Code:

<a href="#" class="easyui-linkbutton" iconCls="icon-more" plain="true" onclick="getSelected()">Detail Page</a>

And the script was like this

Code:

<script type="text/javascript">
    function getSelected(){
        var row = $('#dg').datagrid('getSelected');
        if (row){
            window.location = 'job_detail.php?jd='+row.job_message_id;
</script>

I dont want to pass about 15 fields in a GET way so is there a way to POST all values to job_detail.php page ?

Thanks jarry I used this code:

Code:

<th field="job_stamp" width="120" data-options="
                                    editor:{
                                        type:'datetimebox',
                                        options:{
                                            formatter: function(date){
                                                if (!(date instanceof Date)) date = new Date(date);
                                                var h = date.getHours();
                                                var M = date.getMinutes();
                                                var s = date.getSeconds();

                                                function _ff(v) {
                                                    return (v < 10 ? '0' : '') + v;
                                                };
                                                return _ff(date.getFullYear())+'-'+_ff(date.getMonth()+1)+'-'
                                                    +date.getDate() + ' ' + _ff(h)+':'+_ff(M)+':'+_ff(s);
                                            },
                                            parser: function(s){
                                                if ($.trim(s) == '') {
                                                    return new Date();
                                                }
                                                var dt = s.split(' ');
                                                var p1 = dt[0].split('-');
                                                var p2 = dt[1].split(':');
                                                return new Date(p1[0],p1[1]-1,p1[2],p2[0],p2[1],p2[2]);

                                            },
                                            required:true,

                                        }
                                    }
                                    ">Date and time
                                </th>