Show Posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.


Messages - Ajay

Pages: [1] 2 3
1
Help for ParamQuery Pro / Unable to get event used for sorting
« on: December 06, 2016, 02:37:45 pm »
I am not able to get the datatype of the column,by which sorting is not happening correctly
Please find the code below

Code: [Select]
var records=[];

 records = JSON.parse($('#hiddenresults').val());
            $.each(records, function (i, data)
            {
                if (data.Name == "Main")
                    mainData = data;
            });

        var columnModel = [
                       {
                           title: "Name", dataIndx: "Name", width: 150, align: "left",
                           dataType: function (val1, val2) {
                               return stringSort(val1, val2);
                           }
                       },

                       {
                           title: "Interval", dataIndx: "Interval", width: 155, align: "left",
                           //dataType:"integer",
                           render: function (ui) {
                               var rowData = ui.rowData;
                               var isMain =rowData.UseMain;
                               var dataIndx = ui.dataIndx;
                               var cellData = rowData[dataIndx];
                               if (isMain == true)
                                   cellData = mainData.Interval;
                             
                               return "<span >" + cellData + "</span>";
                           },
                           
                           dataType: function (val1, val2) {
                               return stringSort(val1, val2);
                           }
                       },
                       {
                           title: "Exists", dataIndx: "HasValue", width: 100, align: "left",
                         
                           render: function (ui) {
                                var rowData = ui.rowData;
                                var dataIndx = ui.dataIndx;
                                var cellData = rowData[dataIndx];
                                var isMain =rowData.HasValue;
                                var hasVal = "No";
                                if (isMain == true) {
                                    if (mainData.HasValue)
                                        hasVal = "Yes";
                                }
                                else {
                                    if (cellData != undefined && cellData != null && cellData == true)
                                        hasVal = "Yes";
                                }

                                return "<span >" + hasVal + "</span>";
                           },
    dataType: function (val1, val2) {
                               return stringSort(val1, val2);
                           }
                       
                       }
                     
                       ];

        resultsGrid.pqGrid({
            width: 1000,
            height: 160,
            editable: false,
            showTop: false,
            showBottom: false,
            numberCell: false,
            roundCorners: false,
            wrap: false,
            colModel: columnModel,
            dataModel: { data: records },
            hoverMode: 'row',
            selectionModel: { type: 'row', mode: 'single' },
            virtualY: true,
            virtualX: true,
            rowSelect: function (event, ui) {
               
                    selectedRecord = ui.rowData;
               
            },
            refresh: function (evt, ui) {
                var $grid = $(this),
                   virtualY = $grid.pqGrid('option', 'virtualY'),
                   length = $grid.pqGrid('pageData').length,
                   val = (length > 50) || (length == 0);//any cutoff number in place of 20

                if (val !== virtualY) {
                    $grid.find(".pq-sb-vert").pqScrollBar("option", "steps", val);
                    $grid.pqGrid('option', 'virtualY', val).pqGrid('refresh');
                }
            }
        });


function  stringSort = function (val1, val2) {
        var c1 = $.trim(val1).toLowerCase();
        var c2 = $.trim(val2).toLowerCase();
        if (c1 > c2) {
            return 1;
        }
        else if (c1 < c2) {
            return -1;
        }
        else {
            return 0;
        }
    }

Please let me know how to capture sorting event in param query grid while initializing.

2
Hi,
I am facing issue with the sorting operation in my pq grid.

Here is the code.
Code: [Select]
var records=[];

 records = JSON.parse($('#hiddenresults').val());
            $.each(records, function (i, data)
            {
                if (data.Name == "Main")
                    mainData = data;
            });

        var columnModel = [
                       {
                           title: "Name", dataIndx: "Name", width: 150, align: "left",
                           dataType: function (val1, val2) {
                               return stringSort(val1, val2);
                           }
                       },

                       {
                           title: "Interval", dataIndx: "Interval", width: 155, align: "left",
                           //dataType:"integer",
                           render: function (ui) {
                               var rowData = ui.rowData;
                               var isMain =rowData.UseMain;
                               var dataIndx = ui.dataIndx;
                               var cellData = rowData[dataIndx];
                               if (isMain == true)
                                   cellData = mainData.Interval;
                             
                               return "<span >" + cellData + "</span>";
                           },
                           
                           dataType: function (val1, val2) {
                               return stringSort(val1, val2);
                           }
                       },
                       {
                           title: "Exists", dataIndx: "HasValue", width: 100, align: "left",
                         
                           render: function (ui) {
                                var rowData = ui.rowData;
                                var dataIndx = ui.dataIndx;
                                var cellData = rowData[dataIndx];
                                var isMain =rowData.HasValue;
                                var hasVal = "No";
                                if (isMain == true) {
                                    if (mainData.HasValue)
                                        hasVal = "Yes";
                                }
                                else {
                                    if (cellData != undefined && cellData != null && cellData == true)
                                        hasVal = "Yes";
                                }

                                return "<span >" + hasVal + "</span>";
                           },
    dataType: function (val1, val2) {
                               return stringSort(val1, val2);
                           }
                       
                       }
                     
                       ];

        resultsGrid.pqGrid({
            width: 1000,
            height: 160,
            editable: false,
            showTop: false,
            showBottom: false,
            numberCell: false,
            roundCorners: false,
            wrap: false,
            colModel: columnModel,
            dataModel: { data: records },
            hoverMode: 'row',
            selectionModel: { type: 'row', mode: 'single' },
            virtualY: true,
            virtualX: true,
            rowSelect: function (event, ui) {
               
                    selectedRecord = ui.rowData;
               
            },
            refresh: function (evt, ui) {
                var $grid = $(this),
                   virtualY = $grid.pqGrid('option', 'virtualY'),
                   length = $grid.pqGrid('pageData').length,
                   val = (length > 50) || (length == 0);//any cutoff number in place of 20

                if (val !== virtualY) {
                    $grid.find(".pq-sb-vert").pqScrollBar("option", "steps", val);
                    $grid.pqGrid('option', 'virtualY', val).pqGrid('refresh');
                }
            }
        });


function  stringSort = function (val1, val2) {
        var c1 = $.trim(val1).toLowerCase();
        var c2 = $.trim(val2).toLowerCase();
        if (c1 > c2) {
            return 1;
        }
        else if (c1 < c2) {
            return -1;
        }
        else {
            return 0;
        }
    }

When  I tried to use to call above function it is not sorting properly.Even I tried with datatype"integer" and "bool" it did not work.

Please let me know how can i correct sorting.


3
Help for ParamQuery Pro / Re: How to hide and enable column header
« on: July 28, 2016, 04:44:01 pm »
I got the solution:

 if (NMCApp.hasGlobalGrant(nmc.platform.grants.ManagePartners, false)) {
                    var colM = searchOrgGrid.pqGrid("option", "colModel");
                    colM[6].hidden = false;
                    searchOrgGrid.pqGrid("option", "colModel",colM);
                }

4
Help for ParamQuery Pro / How to hide and enable column header
« on: July 28, 2016, 04:21:07 pm »
I am using paramquery pro 3.1.0 version.
Here is my pq grid intilisation code:

searchOrgGrid = $('#gridSearchOrgs');
                var columnModel = [{ title: "", dataIndx: "UID", hidden: true, width: 100, align: "left" },
                                   {
                                       title: nmc.platform.strings.Name, dataIndx: "Name", width: 200, align: "left",
                                       dataType: function (val1, val2) {
                                           return NMCApp.stringSort(val1, val2);
                                       }
                                   },
                                   {
                                       title: nmc.platform.strings.OrganizationId, dataIndx: "Id", width: 300, align: "left",
                                       dataType: function (val1, val2) {
                                           return NMCApp.stringSort(val1, val2);
                                       }
                                   },
                                   {
                                       title: nmc.platform.strings.InstitutionCode, dataIndx: "InstitutionCode", width: 200, align: "left",
                                       dataType: function (val1, val2) {
                                           return NMCApp.stringSort(val1, val2);
                                       }
                                   },
                                  {
                                      title: nmc.platform.strings.PartnerName, dataIndx: "PartnerName", editable: false, width: 100, align: "left", dataType: function (val1, val2) {
                                         return NMCApp.stringSort(val1, val2);
                                     }
                                 }];
                             
                       
                searchOrgGrid.pqGrid({
                    width: NMCApp.getSearchGridWidth(),
                    height: NMCApp.getSearchGridHeight(),
                    editable: false,
                    showTop: false,
                    showBottom: false,
                    numberCell: false,
                    roundCorners: false,
                    wrap: false,
                    colModel: columnModel,
                    dataModel: { data: [] },
                    hoverMode: 'row',
                    selectionModel: { type: 'row', mode: 'single' },
                    virtualY: true,
                    virtualX: true,                 
                   
                    refresh: function (evt, ui) {
                        var $grid = $(this),
                           virtualY = $grid.pqGrid('option', 'virtualY'),
                           length = $grid.pqGrid('pageData').length,
                           val = (length > 50) || (length == 0);//any cutoff number in place of 20

                        if (val !== virtualY) {
                            $grid.find(".pq-sb-vert").pqScrollBar("option", "steps", val);
                            $grid.pqGrid('option', 'virtualY', val).pqGrid('refresh');
                        }
                    }
                });

                if (NMCApp.hasGlobalGrant(nmc.platform.grants.ManagePartners, false)) {
                    columnModel[6].hidden = false;
                    searchOrgGrid.pqGrid("option", "colModel", columnModel);
                }

I am trying to hide 'partnername' column based on the condition,the condition is executing but still the column is visible.

I am not sure what is the issue.

5
Help for ParamQuery Pro / Re: Sorting not happening correctly
« on: May 20, 2016, 08:51:03 am »
Thanks it worked

6
Help for ParamQuery Pro / Sorting not happening correctly
« on: May 19, 2016, 07:41:15 pm »
Scenario:
In Search screen,enter search criteria and press "Search" button.
search results are sorted by column "Revelence" in descending order.
I clicked on another column("Date") and data got sorted accordingly.Now in search results screen,i hit back to search criteria screen and clicked on search button.
The search results are returned with previous result sort order "Date" instead of default sort order "Relevence" column.
Can some one suggest how can I make the search results sort by "Relevence" column everytime i click on search button.

Code:

 var columnModel = [{
                                       title: nmc.platform.strings.LogStartDate, dataIndx: "DateLogStart", editable: false, width: 150, align: "left",
                                       render: function (ui) {
                                           var rowData = ui.rowData,
                                               dataIndx = ui.dataIndx,
                                               cellData = rowData[dataIndx];

                                           if (typeof cellData === "undefined")
                                               return "<span ></span>";
                                           else {
                                               var startDateTime = new Date(parseInt(cellData.substring(6, cellData.length - 2)));
                                               return "<span >" + NMCApp.toLocalDateTime(startDateTime,false) + "</span>";
                                           }
                                       }
                                   },
                                  {
                                       title: nmc.platform.strings.FileName, dataIndx: "OriginalFilename", width: 200, align: "left",
                                       dataType: function (val1, val2) {
                                           return NMCApp.stringSort(val1, val2);
                                       }
                                   },

                                   {
                                       title: nmc.platform.strings.ProductName, dataIndx: "ProductName", width: 200, align: "left",
                                       dataType: function (val1, val2) {
                                           return NMCApp.stringSort(val1, val2);
                                       }
                                   },
                                   {
                                      title: nmc.platform.strings.Relevance, dataIndx: "Relevence", width: 100, align: "left", hidden: false
                                   },
                                   {
                                       title: nmc.platform.strings.TaskID, dataIndx: "TaskID", width: 200, align: "left", hidden: true,

                                       dataType: function (val1, val2) {
                                           return NMCApp.stringSort(val1, val2);
                                       }
                                   },
                                   { title: 'LogGuid', dataIndx: 'LogGuid', hidden: true },
                                   
                            ];

                    serverLogsGrid.pqGrid({
                        width: NMCApp.getSearchGridWidth(),
                        height: NMCApp.getSearchGridHeight(),
                        editable: false,
                        showTop: false,
                        showBottom: false,
                        hoverMode: 'row',
                        selectionModel: { type: 'row', mode: 'block' },
                        numberCell: false,
                        roundCorners: false,
                        wrap: false,
                        colModel: columnModel,
                        virtualY: true,
                        virtualX: true,
                        dataModel: {

                            //sortIndx: "Relevence",
                            //sortDir: "down",
                            data: []
                        },
                        sortModel: {
                            cancel: false,
                            type: "local",
                            sorter: [{ dataIndx: "Relevence", dir: "down" }]
                        },
});

function searchLogsAjax() {
            $.ajax({
                type: 'GET',
                url: searchUrl + '&skip=' + startIndex,
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                processdata: false,
                cache: false,

                success: function (data, textStatus, request) {
                    for (var i = 0; i < data.length; i++) {
                        searchedSvrLogs.push(data);
                    }
                    if (data.length == NMCApp.getMaxSearchNumber() && NMCApp.isSearchCancelled() == false) {
                        serverLogsGrid.pqGrid("option", "dataModel.data", searchedSvrLogs);
                       
                        serverLogsGrid.pqGrid("option", "dataModel.sortIndx", 5);
                        serverLogsGrid.pqGrid("refreshDataAndView");
                        searchServerLogsViewModel.numberOfServerLogs(searchedSvrLogs.length);
                        startIndex = startIndex + NMCApp.getMaxSearchNumber();
                        searchServerLogsAjax();
                    }
                    else {

                        var colM = serverLogsGrid.pqGrid("option", "colModel");
                                               
                        if (searchServerLogsViewModel.showSearchCriteriaTaskId()){

                            for (var i = 0; i < colM.length; i++) {
                                if (colM.dataIndx == "TaskID") {
                                    colM.hidden = false;
                                    break;
                                }
                            }
                        }
                        else {
                            for (var i = 0; i < colM.length; i++) {
                                if (colM.dataIndx == "TaskID") {
                                    colM.hidden = true;
                                    break;
                                }
                            }
                        }

                        serverLogsGrid.pqGrid("option", "colModel", colM);

                        serverLogsGrid.pqGrid("option", "dataModel.data", searchedSvrLogs);
                        serverLogsGrid.pqGrid("option", "dataModel.sortIndx", 5);
                        //serverLogsGrid.pqGrid("refreshView");
                        serverLogsGrid.pqGrid("refreshDataAndView");
                       

                        if (searchedSvrLogs.length > 0)
                            serverLogsGrid.pqGrid("setSelection", { rowIndx: 0 });

                        searchServerLogsViewModel.numberOfServerLogs(searchedSvrLogs.length);

                        if (NMCApp.isSearchCancelled() == false) {
                            NMCApp.hideLoadingWindow();
                            searchServerLogsViewModel.numberOfServerLogs(searchedSvrLogs.length);
                        }
                        else
                            searchServerLogsViewModel.numberOfServerLogs(searchedSvrLogs.length + ' (cancelled)');
                    }
                },
                error: function (request, status, error) {
                    NMCApp.hideLoadingWindow();
                    NMCApp.handleNMCException(request.responseText);
                }

            });
        }

7
Thanks it worked

8
I want to set the width of textbox in pQ grid column dynamically.
My issue is I am having textbox inside the PQ grid column.When the PQ column is expanded,the textbox width in the column need also to be expanded how can i achieve.

Here is my Code:
I am trying to set width from refresh event,but how can i get the width of pq grid column dynamically when expanded.
If there is any other way,Please let me know.

 var spokenPhraseColumnModel = [{
                title: nmc.strings.LeadingKeyword, dataIndx: 'LeadingKeyword', width: 200, editable: false, align: 'left', hidden: hideLeadingKeyword
            },
            {
                title: nmc.strings.SpokenPhrase, dataIndx: 'SpokenPhrase', width: 250, editable: false, align: 'left', render: function (ui) {
                    try{
                        var rowData = ui.rowData, dataIndx = ui.dataIndx;
                        var val = rowData[dataIndx];
                        if (!isReadOnly)
                            return "<input class='spokenPhrase nmc-text' type='text' maxlength='150' value='" + val + "' style='height:23px;width:190px;color:rgb(33,33,33) !important' />";
                        else
                            return "<span >" + val + "</span>";
                    }
                    catch (error) {
                        NMCApp.showNMCExceptionWindow(error);
                    }
                }
               
            },
            { title: nmc.strings.TrailingKeyword, dataIndx: 'TrailingKeyword', width: 200, editable: false, align: 'left', hidden: hideTrailingKeyword }];
            gridSpokenPhrase.pqGrid({
                width: 760,
                height: 70,
                showTop: false,
                showBottom: false,
                hoverMode: 'row',
                selectionModel: { type: 'row', mode: 'single' },
                bottomVisible: false,
                numberCell: false,
                roundCorners: false,
                sortModel: { on: false },
                wrap: false,
                colModel: spokenPhraseColumnModel,
                dataModel: { data: spokenPhrases },
                selectionModel: { type: 'row', mode: 'single' },
                refresh: function (evt, ui) {
                    var grid = $(this);
                    grid.find(".pq-grid-cell");
                    grid.find(".spokenPhrase").width("330px");
                }
            });

9
Thanks for the help.

10
Hi,

I am trying to retrieve image in PQ Grid.
From the code, I am getting byte array.
so i converted back to base64string and tried to display,but the image is not displaying properly.
Here is my Code,

Please let me know If I am missing anything.

searchNhidGrid = $('#searchNhidGrid');
        var columnModel = [
                           { title: " Application name", dataIndx: "Name", width: 150, align: "left" },
                           { title: " Application description", dataIndx: "Description", width: 150, align: "left" },
                           {
                               title: "Application icon/logo", dataIndx: "Image", width: 150, align: "left",
                               render: function (ui) {
                                   var rowData = ui.rowData,
                                       dataIndx = ui.dataIndx,
                                       cellData = rowData[dataIndx];
                                   if (typeof cellData === "undefined")
                                       return "<span ></span>";
                                   else {
                                       var imageDisplay = cellData;
                                       var base64 = base64js.fromByteArray(imageDisplay); //converting bytearray to base64 string

                                       return '<img src="data:image/jpeg;base64,"' + base64 + '></img>';
                                       
                                   }
                               }
                           },
                           { title: "Application Status", dataIndx: "Status", width: 150, align: "left" },
                           { title: "Partner GUID", dataIndx: "PartnerGuid", width: 150, align: "left" }
        ];
        searchNhidGrid.pqGrid({
            width: NMCApp.getSearchGridWidth(),
           height: NMCApp.getSearchGridHeight(),
            editable: false,
            showTop: false,
            showBottom: false,
            hoverMode: 'row',
            selectionModel: { type: 'row', mode: 'single' },
            numberCell: false,
            roundCorners: false,
            wrap: false,
            colModel: columnModel,
            dataModel: { data: [] }
        });

11
Hi
Thanks it worked.
For point 2.
I have removed z-index:0 property from pQ-Grid-min.css and it worked.

12
Hi ,
 I have purchased the licensed version of pQ grid.
Before I am using PQ grid 1.1.3,the time it took to load the grid is far better than PQ3.0.0 version.
Here is my Code:

searchUsrGrid.pqGrid({
                width: NMCApp.getSearchGridWidth(),
                height: NMCApp.getSearchGridHeight(),
                editable: false,
                numberCell: false,
                roundCorners: false,
                wrap: false,
                colModel: columnModel,
                dataModel: { data: [] },
                showTop: false,
                showBottom: false,
                scrollModel: { pace: 'consistent' },
                hoverMode: 'row',
                selectionModel: { type: 'row', mode: 'single' },

                rowSelect: function (event, ui) {
                    try {
                         selectedUser = ui.rowData;
             
                    }
                    catch (error) {
                        NMCApp.showNMCExceptionWindow('Jquery Error:' + error);
                    }
                },
            });

function searchUsers() {
        $.ajax({
            type: 'GET',
            url: searchUrl + '&skip=' + startIndex,
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            processdata: false,
            cache: false,
            success: function (data, textStatus, request) {
                try{
                    for (var i = 0; i < data.length; i++) {
                        users.push(data);
                    }
                    if (data.length == NMCApp.getMaxSearchNumber() && NMCApp.isSearchCancelled() == false) {
                        searchUsrGrid.pqGrid("option", "dataModel.data", users);
                        model.numberOfUsers(users.length);
                        startIndex = startIndex + NMCApp.getMaxSearchNumber();
                        searchUsers();
                    }
                    else {
                     
                        searchUsrGrid.pqGrid("option", "dataModel.data", users);
                        if (users.length > 0)
                            searchUsrGrid.pqGrid("setSelection", { rowIndx: 0 });
                        model.numberOfUsers(users.length);
                        if (NMCApp.isSearchCancelled() == false) {
                            NMCApp.hideLoadingWindow();
                            model.numberOfUsers(users.length);
                        }
                        else
                            model.numberOfUsers(users.length + ' (cancelled)');
                    }
                    searchUsrGrid.pqGrid("refreshDataAndView");
                }
                catch (error) {
                    NMCApp.showNMCExceptionWindow('Jquery Error:' + error);
                }
            },
            error: function (request, status, error) {
                NMCApp.hideLoadingWindow();
                 }

        });
    }

1)Can you please let me know why the latest version is taking more time to load data on to the grid.
For example: I am having 45,000 records to display on Grid.
with PQ 1.1.3, it is taking less time  than 1:20
Where as  with PQ 3.0.0, it is taking more than 4 min.

2)One more query,I am showing one loading windows when the data is getting loaded in to the gird.
In pQ 1.1.3,it is allowing user to can cancel the loading window.
In PQ 3.0.0,it is not allowing user to Cancel the loading window and the browser get hangs.

Could you please let me know how to resolve the aboe issues.

13
Thanks it got worked.

14
Hi,
 I am using  PQGrid evaluation version.
With free version of PQ Grid, I dont need to write any extra code for sorting and for getting data to display.

While using this evaluation version, I have to write extra line of code for  getting data to display and do sorting.

searchLicenseUsageGrid.pqGrid("option", "dataModel", { data: licenseUsers,sorting:'local',sortIndx:'nmsLogin' }); --this line for doing sorting
  searchLicenseUsageGrid.pqGrid("refreshView"); -->this line for getting data to display.

I am using PQ grid in multiple places in our application,now I have to change in every page in the application.
is there any alternative to do it in one place instead of adding lines in multiple places across the application.

In PQ Grid License version,is it different?Please explain.

15
Thanks it worked.

Pages: [1] 2 3