Recent Posts

1

ParamQuery Pro Evaluation Support / Re: ParamQuery Pro is not EAA compliant

« Last post by paramvir on July 09, 2025, 06:13:27 pm »

Thank you for bringing this to our attention. We appreciate your commitment to accessibility and for highlighting the importance of the EAA and WCAG 2.2 compliance.

We are currently working toward ensuring compliance with the European Accessibility Act and plan to implement necessary updates by Aug / Sept 2025.

Your feedback is invaluable in helping us align with both legal standards and user needs.

2

ParamQuery Pro Evaluation Support / ParamQuery Pro is not EAA compliant

« Last post by datapa on July 03, 2025, 07:31:57 pm »

Hi,

As you may be aware, the European Accessibility Act (EAA) came in to force at the end of June.  Any web application used in the EU must comply.

We use ParamQuery Pro, and need it to comply with the EAA, which is now a legal requirement.

Indeed, you are now legally obliged to comply with EAA to sell to EU customers.

In order to comply with the EAA, you need to adhere to WCAG 2.2 AA standards.  Quick checks with tools such as Lighthouse and Accessibility Isights for Web  indicate that you do not yet. 

Please can you confirm your intention to comply with the EAA and the timescale for this?

Regards,

Paul
inmydata.com

3

ParamQuery Pro Evaluation Support / Re: Enable save changes button after check the checkbox without changing any rowdata

« Last post by paramvir on July 01, 2025, 05:53:02 pm »

If the checkbox is embedded within a grid cell, toggling its state should update the underlying data model—this, in turn, should enable the Save Changes button.

You can see this behavior in action in the following example: https://paramquery.com/pro/demos/editing_batch

It’s possible that in your implementation, the checkbox isn’t properly data-bound, which would prevent the grid from detecting the change.

4

ParamQuery Pro Evaluation Support / Re: Enable save changes button after check the checkbox without changing any rowdata

« Last post by pattarsuresh on July 01, 2025, 05:26:45 pm »

@paramvir, its my client requirement, when we check the checkbox then savechanges button should enable, is there any way to enable savechanges button please suggest.

Thanks
Srinivasarao p

5

ParamQuery Pro Evaluation Support / Re: Enable save changes button after check the checkbox without changing any rowdata

« Last post by paramvir on June 26, 2025, 10:42:30 pm »

Though it doesn't make sense why would you do that.

you can enable save button by getting DOM reference to it and calling disabled false.

Code: [Select]

$( selector of save button ).button("option", "disabled", false );


6

Help for ParamQuery Pro / Re: Column drag handle does not update when over nodrop column

« Last post by paramvir on June 26, 2025, 05:34:33 pm »

This patch can be used to fix the issue.

Code: [Select]

var p=jQuery.paramquery.cDragColumns.prototype;jQuery.paramquery.cDragColumns=function(e){var r,o,t=this,a=e.options,n=a.dragColumns||{},d=function(r,o){return $("<div class='pq-arrow-"+r+" ui-icon "+o+"'></div>").appendTo(e.$grid_center)};t.that=e,t.rtl=a.rtl,t.status="stop",t.$arrowTop=d("down",n.topIcon),t.$arrowBottom=d("up",n.bottomIcon),t.hideArrows(),n.enabled&&e.$head_i.draggable({distance:5,cursorAt:{top:-10,left:-10},cancel:".pq-grid-header-search-row,input,textarea,button,select,option,.pq-grid-number-cell",zIndex:"1000",appendTo:"body",revert:t.revert.bind(t),helper:function(o,a){var n=o.target.closest(".pq-grid-col");if(n){var d,c=t.colIndicesDrag=e.getHeadIndices(n),i=t.columnDrag=c.column,l=i.parent,p=e.options.dragColumns.rejectIcon,s=e.getScale();return r=pq.getScale(document.body),!i||i.nodrag||i._nodrag||l&&1==l.colSpan||i.empty||!1===e._trigger("columnDrag",o,{column:i})?"<span/>":(e.$head_i.find(".pq-grid-col-resize-handle").hide(),(d=t.$helper=$("<div class='pq-col-drag-helper pq-theme pq-grid-cell' data-di="+i.dataIndx+" ><div><span class='pq-drag-icon ui-icon "+p+"'></span>"+i.pq_title+"</div></div>")).css({scale:s[0]/r[0]+" "+s[1]/r[1]}),d[0])}return $("<div></div>")},start:function(){},drag:function(a,n){if(t.$helper){t.status="drag";var d,c=n.position,i=a.originalEvent,l=(i&&i.target!=document?i.target:a.target).closest(".pq-grid-col"),p=t.colIndicesDrag,s=p.ri,g=p.column,u=g.leftPos,h=u+g.o_colspan;if(c.left=c.left/r[0],c.top=c.top/r[1],console.log("cDragColumn.js td = ",l),l&&!l.closest(".pq-grid-header-search-row")&&e.evtBelongs(i)){var m=e.getHeadIndices(l),v=m.column,f=m.ri,q=m.colIndx;if(!(v.empty||v==g||v.nodrop||v._nodrop||s<f&&q>=u&&q<h))return o=l,t.colIndicesDrop=m,void t.onDrag(a,l);o!=l&&t.updateDragHelper(!1),o=l}else t.hideArrows(),d=$(".ui-droppable-hover",e.$top),console.log("cGroup.js $group = ",d[0]),t.updateDragHelper(!!d[0]);t.colIndicesDrop=null}},stop:function(r){if(t.status="stop",t.$helper){t.hideArrows();var o=t.colIndicesDrop;e.$head_i.find(".pq-grid-col-resize-handle").show(),o&&t.onDrop(t.colIndicesDrag,o,r)}}})},jQuery.paramquery.cDragColumns.prototype=p;


7

Help for ParamQuery Pro / Re: Why doesn’t dirty flag trigger after dataMap field updates with autocomplete rem

« Last post by paramvir on June 26, 2025, 04:14:01 pm »

There is a problem in the way you have made changes in rowData directly and passed updated rowData to newRow parameter of updateRow method.

Code: [Select]

activeGrid.updateRow({
                rowIndx: ui.rowIndx,
                newRow: rowData, //pass new object here instead of rowData, and don't make any changes in rowData
                track: true,
                history: false,
                checkEditable: false,
                refresh: false
            });


newRow is supposed to be a new object containing only the changes in the fields you want.

8

Help for ParamQuery Pro / Re: Column drag handle does not update when over nodrop column

« Last post by Igerson on June 26, 2025, 12:43:21 pm »

Great!

If patch is possible, let me know, so I can apply it until it get fixed in upcoming release(s)

Thank you very much.

9

Help for ParamQuery Pro / Re: Column drag handle does not update when over nodrop column

« Last post by paramvir on June 25, 2025, 11:56:07 pm »

Thanks for reporting the issue.

Handle is supposed to update its state according to its position above the column. It seems like a bug. I would provide the patch if feasible. It would be fixed in upcoming version if not patchable.

10

Help for ParamQuery Pro / Why doesn’t dirty flag trigger after dataMap field updates with autocomplete rem

« Last post by omerix on June 24, 2025, 09:47:02 pm »

Hi,

I’m using jQuery UI Autocomplete in a grid cell to fetch data from a remote source.
When a user selects a value, I use a dataMap to write values from the selected item into other related fields in the same row.
The data updates in the row as expected, but the row does not get marked as dirty—so the “Save” button does not get enabled.

Here is the core of my code function:

Code: [Select]

function otoTamamlaJui(ui, opts) {
    opts = opts || {};
    var dataMap = opts.dataMap || {};
    var valueIndx = opts.valueIndx || 'id';   // value to be written to grid
    var labelIndx = opts.labelIndx || 'text'; // value to appear in popup

    // find grid and rowData first
    var activeGrid = ui.grid || opts.grid || window.grid;
    var rowData = ui.rowData;
    var oldVal = rowData[ui.dataIndx];

    // With .ui-front the dropdown remains on top
    ui.$cell.addClass('ui-front');

    // autocomplete initialization
    ui.$editor.autocomplete({
        source: function(request, response) {
            $.ajax({
                url: opts.url,
                dataType: "json",
                data: { q: request.term },
                success: function(data) {
                    var result = (data.items || []).map(function(item) {
                        return {
                            ...item,
                            label: item[labelIndx] || item.text || item.id,
                            value: item[valueIndx] || item.id || item.text
                        };
                    });
                    response(result);
                }
            });
        },
        position: {
            collision: 'flipfit',
            within: ui.$editor.closest(".pq-grid")
        },
        minLength: 1,
        delay: 0
    })
    .one('focus', function () {
        $(this).autocomplete("search", "");
    })
    .on('autocompleteselect', function (event, uiAuto) {
        var selected = uiAuto.item;
        var changed = false;

        // Update the main field with valueIndx
        var newVal = selected && (selected[valueIndx] || selected.id || selected.text);
        if (newVal != oldVal)
            changed = true;
        rowData[ui.dataIndx] = newVal;

        // fill other fields with dataMap
        for (var gridField in dataMap) {
            var itemField = dataMap[gridField];
            if (selected && selected[itemField] !== undefined && rowData[gridField] !== selected[itemField]) {
                rowData[gridField] = selected[itemField];
                changed = true;
            }
        }

        // Save only if there are changes
        if (changed && activeGrid && typeof activeGrid.updateRow === "function") {
            activeGrid.updateRow({
                rowIndx: ui.rowIndx,
                newRow: rowData,
                track: true,
                history: false,
                checkEditable: false,
                refresh: false
            });
        }
    });
}


All the relevant fields are updated in the row, but the grid doesn’t mark the row as dirty, and the “Save” button does not become enabled.
Am I missing something to ensure the dirty flag is triggered?
Is there an extra step required for this workflow to work as expected?

Thanks for any help!

colmodel:

Code: [Select]

,{title:'I.Name',dataIndx:'name',dataType:'string',minWidth:24,width: 200,cls:'',clsHead:'',align:'',halign:'center',hidden:false,editable:true
,filter: { crules: [{ condition:'contain'}],menuIcon:false}
,editor: {type: 'textbox',init: function(ui){return otoTamamlaJui(ui, {url:'/search.json',dataMap:{ktext:'text',kno:'id'} });}}, editModel:{keyUpDown: false}
}


search.json

Code: [Select]

{"totalRecords":4,"curPage":1,"items":[{"id":"1","text":"AAAAA"},{"id":"1234567890123456789012345","text":"BBBBB"},{"id":"2","text":"CCCCC"},{"id":"44","text":"DDDDD"}],"more":0}