Messages

1

Help for ParamQuery Grid (free version) / Re: Click event of Header checkbox

« on: December 18, 2018, 08:27:35 pm »

use selectChange event

2

Help for ParamQuery Grid (free version) / When option is selected in editor - value is displayed, id not binding to id col

« on: December 04, 2018, 06:57:02 pm »

Below is the code have used to bind select for editor, when option is selected in editor, the values is binded in SGROUPNAME, instead of text and SGROUPCODE code is not updated as in demo page inline editing - editors validators example, am i missing anything

Code: [Select]

var obj = {
                    width: 965,
                    maxWidth: 965,
                    height: 300,
                    columnBorders: true,
                    wrap: false, hwrap: false,
                    showTitle: false,
                    collapsible: false,
                    selectionModel: { type: 'cell', mode: 'single' },
                    trackModel: { on: true }, //to turn on the track changes.     
                    virtualX: true,
                    editModel: {
                        saveKey: $.ui.keyCode.ENTER,
                        //filterKeys: false,
                        keyUpDown: true,
                        cellBorderWidth: 0
                    },
                    editor: { select: true },                   
                    toolbar: {
                        items: [
                            { type: '<span style="margin-right:630px">Asset Details</span>' },
                            {
                                type: 'button',
                                style: 'padding:5px;',
                                label: "Add New",
                                attr: 'id="btnNewCapex"',
                                icon: 'ui-icon-circle-plus',
                                listeners: [{
                                    "click": function (evt) {
                                        if ($('#ddlGroup').prop('selectedIndex') <= 0) { Notify('Please select group first', 4); $('#ddlGroup').focus(); return false; }
                                        var rowdata = { UNITPRICE: 0, NOOFUNITS: 1, FC: 0, EXRATE: 0, TOTAL: 0 };
                                        var rowIndx = $grid.pqGrid("addRow", { rowData: rowdata });
                                    }
                                }],
                            },
                            { type: 'separator' },
                            {
                                type: 'button', icon: 'ui-icon-arrowreturn-1-s', label: 'Undo', style: 'padding:5px;', cls: 'changes', listener:
                                  {
                                      "click": function (evt, ui) {
                                          $grid.pqGrid("history", { method: 'undo' });
                                      }
                                  },
                                options: { disabled: true }
                            },
                            { type: 'separator' },
                            {
                                type: 'button', icon: 'ui-icon-arrowrefresh-1-s', label: 'Redo', style: 'padding:5px;', listener:
                                  {
                                      "click": function (evt, ui) {
                                          $grid.pqGrid("history", { method: 'redo' });
                                      }
                                  },
                                options: { disabled: true }
                            },
                        ]
                    }
                };
                obj.colModel = [
                    { title: "PKID", dataIndx: "PKID", hidden: false },
                    { title: "GroupCode", dataIndx: "SGROUPCODE", hidden: false },
                    {
                       title: "Sub Group", dataIndx: "SGROUPNAME", width: 200,
                        editor: {
                            type: 'select',                           
                            valueIndx: "code",
                            labelIndx: "name",
                            mapIndices: { name: "SGROUPNAME", code: "SGROUPCODE" },
                            options: [
                                { code: "120", name: "TRUCK MIXER" },
                                { code: "121", name: "CONCRETE PUMP" }
                            ]
                        },
                        validations: [{ type: 'minLen', value: 1, msg: "Required" }]
                    },
                    { title: "Unit Price", dataIndx: "UNITPRICE", width: 70, align: 'center', dataType: 'float' },
                    { title: "No Of Units", dataIndx: "NOOFUNITS", width: 80, align: 'center', dataType: 'integer' },
                    { title: "Freight / Customs", dataIndx: "FC", width: 110, align: 'center', dataType: 'float' },
                    { title: "Exchange Rate", dataIndx: "EXRATE", width: 100, align: 'center', dataType: 'float' },
                    { title: "Total", dataIndx: "TOTAL", width: 150, align: 'center', editable: false, dataType: 'float' },
                    { title: '', minWidth: 40, maxWidth: 40, align: 'center', editable: false, render: function (ui) { return "<button type='button' class='delete_btn'>Delete</button>" } }
                ];
                obj.dataModel = {
                    location: "remote",
                    dataType: "JSON",
                    method: "GET",
                    url: requestpath + "Master/MasterHandler.ashx?q=GET_CAPEX_DETAILS&id=" + pkid,
                    getData: function (dataJSON) { return { curPage: dataJSON.curPage, totalRecords: dataJSON.totalRecords, data: dataJSON.data }; }
                }
                var $grid = $("#gdvCapexDetails").pqGrid(obj);

                $grid.on('pqgridrefresh pqgridrefreshrow', function () {
                    var $grid = $(this);
                    //delete button
                    $grid.find("button.delete_btn").button({ icons: { primary: 'ui-icon-trash' }, text: false }).css('width', '20px').css('padding', '1px').css('height', '20px')
                    .unbind("click")
                    .bind("click", function (evt) {
                        var $tr = $(this).closest("tr");
                        var rowIndx = $grid.pqGrid("getRowIndx", { $tr: $tr }).rowIndxPage;
                        $grid.pqGrid("deleteRow", { rowIndx: rowIndx });
                        return false;
                    });
                });

3

Help for ParamQuery Grid (free version) / Edit same column next row cell on enter press

« on: July 30, 2018, 08:19:19 pm »

Hi,

When am in edited cell and do changes, when i press ENTER key it has to move to next ROW and same COLUMN and it has to be in edit mode, is this possible in FREE version if yes can you please let me know how can i achieve this with example

Thanks in advance

4

Help for ParamQuery Grid (free version) / Re: rowSelect event fired from mouse click or other target

« on: March 29, 2018, 03:37:47 pm »

Wait for an answer from an expert

5

Help for ParamQuery Grid (free version) / rowSelect event fired from mouse click or other target

« on: March 28, 2018, 10:13:32 am »

Hi,

i want to know that rowSelect event from which it has been fired from mouseclick or manual selection from code.

Code: [Select]

  obj.rowSelect = function (evt, ui) {
                        console.log(evt);
                        if(evt is from mouse click)
                                   do work1;
                       else
                                 do work 2;
                    };