1
Help for ParamQuery Pro / Re: Getting a list of all checked rows
« on: April 10, 2015, 12:23:09 am »
Thanks.
ParamQuery Grid
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.
2
Help for ParamQuery Pro / Re: Getting a list of all checked rows
« on: April 09, 2015, 09:57:41 pm »
So, after some experimentation, it looks like you must use selectionModel type:null with the checkBoxSelection column. Unfortunate. There is no way to combine checkBoxSelect with inline editing to allow for easy "delete checked rows" functionality -- looks like I'd need to roll my own using a custom column rendering, etc -- but even then, there doesn't seem to be an easy way to get all visible rows that have a "checked" column.
I'll set up a jsfiddle demonstrating the before/beforeunCheck header checkbox issue when I have time.
I'll set up a jsfiddle demonstrating the before/beforeunCheck header checkbox issue when I have time.
3
Help for ParamQuery Pro / Getting a list of all checked rows
« on: April 09, 2015, 07:29:06 pm »
I have a grid with a checkBoxSelection column.
What is the recommended way of returning an array of rows that have been checked? Further, how does one return an array of rows that have been checked, and are currently visible via any applied filter? (Exclude rows that are not visible due to filtering.)
I tried using beforeCheck/beforeunCheck to add/remove classes to rows, coupled with getRowsByClass, but beforeCheck/beforeunCheck is not triggered when using the check all/uncheck all checkbox in the column header, making beforeCheck/beforeunCheck somewhat crippled. selection({method:'getSelection', type:row}) only seems to return the last row that was checked.
What is the recommended way of returning an array of rows that have been checked? Further, how does one return an array of rows that have been checked, and are currently visible via any applied filter? (Exclude rows that are not visible due to filtering.)
I tried using beforeCheck/beforeunCheck to add/remove classes to rows, coupled with getRowsByClass, but beforeCheck/beforeunCheck is not triggered when using the check all/uncheck all checkbox in the column header, making beforeCheck/beforeunCheck somewhat crippled. selection({method:'getSelection', type:row}) only seems to return the last row that was checked.
4
Help for ParamQuery Pro / Re: class/style of row based on row data
« on: April 08, 2015, 10:18:21 pm »
Roughly how long until a version will be out with this? The current method of either injecting data into JSON or iterating and adding classes to the rows after rendering is not ideal.
5
Help for ParamQuery Pro / Re: class/style of row based on row data
« on: April 08, 2015, 09:40:03 pm »
Has this functionality been added?
6
Help for ParamQuery Pro / Re: virtualX/overflow issue with details on pq 2.4.0
« on: February 20, 2015, 02:09:35 am »
That just clips the input elements.
Also, what if I want contents of all the columns to wrap??
Also, what if I want contents of all the columns to wrap??
7
Help for ParamQuery Pro / Re: virtualX/overflow issue with details on pq 2.4.0
« on: February 19, 2015, 09:31:22 pm »
Thanks,
but here's another related issue:
http://jsfiddle.net/xy65x90d/
1. Click "Open Grid With 5"
2. Expand at least two details.
3. Notice that the header filter input elements don't re-size properly once the scroll bar appears.
but here's another related issue:
http://jsfiddle.net/xy65x90d/
1. Click "Open Grid With 5"
2. Expand at least two details.
3. Notice that the header filter input elements don't re-size properly once the scroll bar appears.
8
Help for ParamQuery Pro / virtualX/overflow issue with details on pq 2.4.0
« on: February 19, 2015, 12:07:12 am »
See:
http://jsfiddle.net/p2pfqzu9/
1. Click "Open Grid With 5"
2. Expand at least two details.
3. Notice that the vertical scroll bar does not appear when the expanded detail content forces the grid to overflow the given container.
Expected behavior: Scroll bar should appear.
http://jsfiddle.net/p2pfqzu9/
1. Click "Open Grid With 5"
2. Expand at least two details.
3. Notice that the vertical scroll bar does not appear when the expanded detail content forces the grid to overflow the given container.
Expected behavior: Scroll bar should appear.
9
Help for ParamQuery Pro / Re: Uncaught TypeError: Cannot read property 'pq_detail' of undefined
« on: February 14, 2015, 04:33:41 am »
Still planning on releasing the fix this week?
10
Help for ParamQuery Pro / Re: Trouble with maximized grids
« on: February 11, 2015, 12:10:48 am »
That did the trick. Thanks!
11
Help for ParamQuery Pro / Trouble with maximized grids
« on: February 10, 2015, 10:18:28 pm »
I'm trying to get maximized grids to work as I need in my UI, but I'm having issues with the way pqGrid sizes, sets its z-index, and clips the body.
When the grid maximizes I'd like to:
1. Allow other dialog/elements to be displayed by: Not setting body css to height:0; width:0; overflow:hidden; and not setting the grids z-index to 1000 (keep it auto).
2. Leave an amount of the body/page visible at the top (allows app menu to function).
The following CSS, almost gets things working the way I'd like, but a maximized grid clips the bottom 36px of its contents:
.pq-grid[style*='position:fixed'], .pq-grid[style*='position: fixed']{
z-index:auto !important;
margin-top: 36px !important;
}
body {
width: auto !important;
height: auto !important;
overflow: auto !important;
}
Any ideas?
Edit: I should add, I've tried top: 36px instead of margin-top: 36px, with the same result: 36px clipping of grid content.
When the grid maximizes I'd like to:
1. Allow other dialog/elements to be displayed by: Not setting body css to height:0; width:0; overflow:hidden; and not setting the grids z-index to 1000 (keep it auto).
2. Leave an amount of the body/page visible at the top (allows app menu to function).
The following CSS, almost gets things working the way I'd like, but a maximized grid clips the bottom 36px of its contents:
.pq-grid[style*='position:fixed'], .pq-grid[style*='position: fixed']{
z-index:auto !important;
margin-top: 36px !important;
}
body {
width: auto !important;
height: auto !important;
overflow: auto !important;
}
Any ideas?
Edit: I should add, I've tried top: 36px instead of margin-top: 36px, with the same result: 36px clipping of grid content.
12
Help for ParamQuery Pro / Selecting elements only in a single grid when you have nested grids
« on: February 10, 2015, 06:06:16 am »
While it's not the most performant (assign a class to the elements that's unique to each grid if you need higher performance), thought I'd share the function I use to help select elements relative to a specific grid:
Usage:
$thisGridButtons = selectGridElements($grid,'button.my_button_class');
or:
selectGridElements($grid,'button.hello_world').click(function(){alert('Hello world')});
Code: [Select]
function selectGridElements($grid, selector){
// Select only the elements that are part of this grid (exclude elements that are in nested grids)
var depth = $grid.children().first().parents(".pq-grid").length;
return $grid.find(selector).filter(function(){
return $(this).parents(".pq-grid").length == depth;
});
}
Usage:
$thisGridButtons = selectGridElements($grid,'button.my_button_class');
or:
selectGridElements($grid,'button.hello_world').click(function(){alert('Hello world')});
13
Help for ParamQuery Pro / Re: Uncaught TypeError: Cannot read property 'pq_detail' of undefined
« on: February 09, 2015, 07:25:32 pm »
Any ETA for a new version of pqGrid that will fix this issue?
14
Help for ParamQuery Pro / class/style of row based on row data
« on: February 05, 2015, 08:10:05 pm »
There doesn't appear to be a rowInit event.
Id like an easy way to set the class/style of a row without having to re-iterate the grid rows after they are rendered, or without injecting data into the data array before rendering the grid.
Does something like this exist?
rowInit: function(ui){
var $tr = ui.$tr, rowData = ui.rowData;
if(rowData.days_past_due >= rowData.terms){
$tr.addClass('past-due');
}
}
Or, something like this?
rowModel: {
init: function(ui){
}
cls: function(rowData,rowIndx){
return rowData.my_index>0?'my-class':null;
}
style: function(rowData,rowIndx){
return rowData.my_index>0?'background-color:red':null;
}
}
Id like an easy way to set the class/style of a row without having to re-iterate the grid rows after they are rendered, or without injecting data into the data array before rendering the grid.
Does something like this exist?
rowInit: function(ui){
var $tr = ui.$tr, rowData = ui.rowData;
if(rowData.days_past_due >= rowData.terms){
$tr.addClass('past-due');
}
}
Or, something like this?
rowModel: {
init: function(ui){
}
cls: function(rowData,rowIndx){
return rowData.my_index>0?'my-class':null;
}
style: function(rowData,rowIndx){
return rowData.my_index>0?'background-color:red':null;
}
}
15
Help for ParamQuery Pro / Re: Uncaught TypeError: Cannot read property 'pq_detail' of undefined
« on: February 04, 2015, 07:26:13 pm »
Kind of a big issue for me. Much of my UI depends on this functionality.
I anxiously await your solution. Thanks.
I anxiously await your solution. Thanks.