Messages

1

Help for ParamQuery Grid (free version) / Highlight and copy cell content without edit

« on: March 14, 2018, 09:56:07 pm »

Hello. I'm having UTA feedback, user wants to be able to highlight the content of a cell and copy it.

I know we can click on the cell, click Ctrl+C, and the content will be copied to the clipboard. But my user is not satisfied with that, they want to be able to highlight the text, and use Ctrl+C to copy-paste only the portion of content they want. For example, in the screenshot, they may want to just copy the date, without the hour.

I disabled edit in every column by default, but I tried to enable it again, so my user could highlight text and copy what they want. But they don't like the idea of being able to edit the content of the cell, because user can't actually change the data.

So, my user wants to be able to highlight a portion of the cell content, use Ctrl+C and copy to clipboard, without being able to edit the content of the cell.

Is there a way I can do this? I have been checking the API and haven't found a function or param to help me.

2

Help for ParamQuery Grid (free version) / Re: CSS problems

« on: February 23, 2018, 03:37:04 am »

Thank you, that worked like a charm.

3

Help for ParamQuery Grid (free version) / CSS problems

« on: February 20, 2018, 10:33:22 pm »

I'm having a problem with the paging footer styles. The Buttons appear with no icon or any kind of styles.

In the first attached file you can see an screenshot with my grid footer, with the source code on the right highlighting the button.
In the second attached file you can see an screenshot with the grid on your demo (http://angularjsgrid.com/demos/row-detail-binding), with the source code of the button highlighted as well.

From the source code I extracted from chrome: You can see in my grid, the footer buttons are only an html button

Code: [Select]

<button type="button" title="Next Page"></button>
On your demo, the footer buttons are way more complex

Code: [Select]

<button type="button" title="Next Page" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" role="button">
<span class="ui-button-icon-primary ui-icon ui-icon-seek-next">
</span>
<span class="ui-button-text">
</span>
</button>
These are the scripts and css I'm loading, I followed your tutorial

Code: [Select]

<!--Jquery-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>   
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

<!--Pqgrid-->
<script src="bower_components/grid-2.3.0/pqgrid.min.js"></script>
<script src="bower_components/grid-2.3.0/angular/ng.pqgrid.min.js"></script>

<!--Css-->
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.css" />
<link rel="stylesheet" href="bower_components/grid-2.3.0/pqgrid.min.css">
<link rel="stylesheet" href="bower_components/grid-2.3.0/themes/Office/pqgrid.css">

Please let me know if I'm doing something wrong, missing something, using wrong version of Jquery. I have no idea why my footer styles look different.
Thanks in advance.

4

Help for ParamQuery Grid (free version) / Re: How to cancel a remote loading?

« on: February 20, 2018, 09:49:18 pm »

Thanks, I was able to implement the functionality I wanted

5

Help for ParamQuery Grid (free version) / How to cancel a remote loading?

« on: February 02, 2018, 10:13:29 pm »

I have a remote dataSource for my grid. I want to give my user a "Cancel" button which cancels the current loading of remote data, maybe if the loading is taking too long, or they want to change their searching parameters.
Is there a way I can cancel an ongoing remote loading?
Thanks

6

Help for ParamQuery Grid (free version) / Re: Custom data binding and loading, angular grid

« on: January 12, 2018, 01:32:41 am »

Thanks for the help

7

Help for ParamQuery Grid (free version) / Custom data binding and loading, angular grid

« on: January 11, 2018, 12:31:30 am »

Hello, I'm new with the free version of the grid, but having a problem.
I am using your angular solution http://angularjsgrid.com. What I want is to have full control on the data binding, I want to be able to update the grid dataModel whenever I want from my backend calls.

I couldn't setup the fiddle with the angular libraries so I'm pasting here my code. What I did is to edit and run your demo in http://angularjsgrid.com/demos/data-binding. Here is the code

Script

Code: [Select]

(function () {
   

    angular.module('myApp', ['pq.grid']).
    controller('myCtrl', function($scope){
var data = [
        { rank: 1, company: 'Exxon Mobil', revenues: 339938.0, profits: 36130.0 },
        { rank: 2, company: 'Wal-Mart Stores', revenues: 315654.0, profits: 11231.0 },
        { rank: 3, company: 'Royal Dutch Shell', revenues: 306731.0, profits: 25311.0 },
        { rank: 4, company: 'BP', revenues: 267600.0, profits: 22341.0 },
    ];
        //var vm = this;
        $scope.myData = data;

$scope.gridOptions = {
width: '100%',
colModel: [
{ title: "Rank", dataIndx: 'rank', template: '{{rd.rank}}' },
{ title: "Company", dataType: "string", dataIndx: "company", template: '{{rd.company}}',
filter:{ type: 'textbox', condition: 'contain', listeners: ['keyup'] }
},
{ title: "Revenues", dataType: "float", dataIndx: "revenues",
template: '{{rd.revenues|currency}}'
},
{ title: "Profits", dataType: "float", dataIndx: "profits",
template: '{{rd.profits|currency}}'
}
],
title: "Angularjs grid",
filterModel: {on: true, header: true},
scrollModel: { autoFit: true },
dataModel: { data: $scope.myData }
};         

$scope.search = function() {
$scope.myData = [
{ rank: 5, company: 'TESTA', revenues: 1234.0, profits: 1111.0 },
{ rank: 6, company: 'TESTB', revenues: 5678.0, profits: 2222.0 }];

}

    });
})();

HTML

Code: [Select]

<div ng-app="myApp" ng-controller="myCtrl as vm">
<div style="float:left;width:49%;">
<div pq-grid="" options="gridOptions"></div>
</div>
<div style="float:right;width:49%;">
<div ng-repeat="rd in myData" ng-cloak="">
<input type="text" ng-model="rd.rank">
<input type="text" ng-model="rd.company">
<input type="text" ng-model="rd.revenues">
<input type="text" ng-model="rd.profits">
</div>
</div>
<div style="clear:both;"></div>
<button id="searchBtn" ng-click="search()">Search</button>
</div>
 

When this runs, it renders the grid with the array dataSource, that's ok.
I added a Search button, and when I click it, the listener function recreates the $scope.myData array I use as the dataModel. Since the dataModel was updated, I'd expect the grid to be refreshed with new data. But it's not, it stays with the old data.

Could you please orientate me on where I'm doing this wrong?
Let me know if you need any other info to help.
Thanks in advance.