abijah/pmgr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Moved all of the jqGrid search javascript into its own file to prevent duplication when including more than one grid on a page. I also put search boxes directly into the jqGrid element, with the requested fields passed in as a parameter. I've got the autosearch mechanism tied across all grids, but search and reload is grid specific. This was mostly to get the code into an extensible spot, but the layout is not yet desirable. I'll yank the search boxes on the next checkin not that its proven out.

Browse Source 
git-svn-id: file:///svn-source/pmgr/branches/ledger_transactions_20090605/site@123 97e9348a-65ac-dc4b-aefc-98561f571b83
This commit is contained in:
abijah
2009-06-14 23:16:35 +00:00
parent b6317d3ee9
commit b02695631e
5 changed files with 74 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
views/elements/contacts.ctp
View File

@@ -12,7 +12,6 @@ if (0) { // REVISIT<AP>: Need to figure out how to put this in play
} }
$cols['Comment'] = array('index' => 'Contact.comment', 'formatter' => 'comment'); $cols['Comment'] = array('index' => 'Contact.comment', 'formatter' => 'comment');
//pr($contacts);
$jqGrid_options = array('jqGridColumns' => $cols, $jqGrid_options = array('jqGridColumns' => $cols,
'controller' => 'contacts', 'controller' => 'contacts',
'caption' => isset($caption) ? $caption : null); 'caption' => isset($caption) ? $caption : null);
@@ -25,5 +24,6 @@ if (isset($contacts)) {
'limit' => 5); 'limit' => 5);
} }
//pr($jqGrid_options); $jqGrid_options += array('search_fields' => array('Last Name', 'First Name'));
echo $this->element('jqGrid', $jqGrid_options); echo $this->element('jqGrid', $jqGrid_options);

31
views/elements/customers.ctp
View File

@@ -11,25 +11,18 @@ $cols['First Name'] = array('index' => 'PrimaryContact.first_name', 'formatter
$cols['Leases'] = array('index' => 'lease_count', 'width' => '60'); $cols['Leases'] = array('index' => 'lease_count', 'width' => '60');
$cols['Comment'] = array('index' => 'Customer.comment', 'formatter' => 'comment'); $cols['Comment'] = array('index' => 'Customer.comment', 'formatter' => 'comment');
echo $this->element('jqGrid', $jqGrid_options = array('jqGridColumns' => $cols,
array('jqGridColumns' => $cols)); 'controller' => 'customers',
'caption' => isset($caption) ? $caption : null);
?> if (isset($customers)) {
$jqGrid_options += array('custom_ids' =>
array_map(create_function('$data',
'return $data["id"];'),
$customers),
'limit' => 5);
}
<div>Search By:<BR> $jqGrid_options += array('search_fields' => array('Last Name', 'First Name'));
<input type="checkbox" id="autosearch" onclick="enableAutosubmit(this.checked)" CHECKED>Enable Autosearch<BR>
Last Name<BR>
<input type="text" CLASS="filt-text" id="filt_last_name" name="PrimaryContact.last_name" />
<button CLASS="filt-submit" ID="submit_filt_last_name" style="margin-left:30px;">Search</button><BR>
First Name<BR>
<input type="text" CLASS="filt-text" id="filt_first_name" name="PrimaryContact.first_name" />
<button CLASS="filt-submit" ID="submit_filt_first_name" style="margin-left:30px;">Search</button><BR>
<div>
<button CLASS="filt-clear" ONCLICK="gridRestore()">Clear</button>
</div>
</div>
echo $this->element('jqGrid', $jqGrid_options);

161
views/elements/jqGrid.ctp
View File

@@ -24,8 +24,12 @@ if (!isset($height))
if (!isset($controller)) if (!isset($controller))
$controller = $this->params['controller']; $controller = $this->params['controller'];
if (!isset($gridId)) if (!isset($grid_id))
$gridId = $controller . '-jqGrid'; $grid_id = $controller . '-jqGrid';
if (!isset($search_fields))
$search_fields = array();
// Do some prework to bring in the appropriate libraries // Do some prework to bring in the appropriate libraries
$imgpath = '/pmgr/site/css/jqGrid/basic/images'; $imgpath = '/pmgr/site/css/jqGrid/basic/images';
@@ -34,6 +38,7 @@ $html->css('jqGrid/jqModal', null, null, false);
$javascript->link('jqGrid/jquery.jqGrid.js', false); $javascript->link('jqGrid/jquery.jqGrid.js', false);
$javascript->link('jqGrid/js/jqModal', false); $javascript->link('jqGrid/js/jqModal', false);
$javascript->link('jqGrid/js/jqDnR', false); $javascript->link('jqGrid/js/jqDnR', false);
$javascript->link('pmgr_jqGrid', false);
// Define the URL to fetch data from. // Define the URL to fetch data from.
@@ -80,7 +85,7 @@ foreach ($jqGridColumns AS &$col) {
$default = array(); $default = array();
// Make sure every column has a name // Make sure every column has a name
$default['name'] = $col['index']; $default['name'] = preg_replace("/\./", '-', $col['index']);
// Perform customization based on formatter // Perform customization based on formatter
if (isset($col['formatter'])) { if (isset($col['formatter'])) {
@@ -135,7 +140,7 @@ jQuery(document).ready(function(){
$(el).html('#'+cellval); $(el).html('#'+cellval);
} }
jQuery('#<?php echo $gridId; ?>').jqGrid( jQuery('#<?php echo $grid_id; ?>').jqGrid(
<?php <?php
echo FormatHelper::phpVarToJavascript echo FormatHelper::phpVarToJavascript
(array('mtype' => 'GET', (array('mtype' => 'GET',
@@ -150,34 +155,34 @@ jQuery(document).ready(function(){
'caption' => $caption, 'caption' => $caption,
'imgpath' => $imgpath, 'imgpath' => $imgpath,
'viewrecords' => true, 'viewrecords' => true,
'pager' => array('--special' => "jQuery('#{$gridId}-pager')"), 'pager' => array('--special' => "jQuery('#{$grid_id}-pager')"),
//'toolbar' => array(true,"bottom"), //'toolbar' => array(true,"bottom"),
)); ?> )); ?>
); );
/* jQuery('#t_<?php echo $gridId; ?>').height(25).hide() */ /* jQuery('#t_<?php echo $grid_id; ?>').height(25).hide() */
/* .filterGrid('#<?php echo $gridId; ?>', { */ /* .filterGrid('#<?php echo $grid_id; ?>', { */
/* gridModel:true, */ /* gridModel:true, */
/* gridToolbar:true, */ /* gridToolbar:true, */
/* autosearch:true, */ /* autosearch:true, */
/* }); */ /* }); */
/* jQuery('#<?php echo $gridId; ?>').navGrid('#<?php echo $gridId; ?>-pager', */ /* jQuery('#<?php echo $grid_id; ?>').navGrid('#<?php echo $grid_id; ?>-pager', */
/* { view:false, */ /* { view:false, */
/* edit:false, */ /* edit:false, */
/* add:false, */ /* add:false, */
/* del:false, */ /* del:false, */
/* search:false, */ /* search:false, */
/* refresh:false}) */ /* refresh:false}) */
/* .navButtonAdd('#<?php echo $gridId; ?>-pager',{ */ /* .navButtonAdd('#<?php echo $grid_id; ?>-pager',{ */
/* caption:"Search", */ /* caption:"Search", */
/* title:"Toggle Search", */ /* title:"Toggle Search", */
/* buttonimg:'<?php echo $imgpath; ?>' + '/find.gif', */ /* buttonimg:'<?php echo $imgpath; ?>' + '/find.gif', */
/* onClickButton:function(){ */ /* onClickButton:function(){ */
/* if(jQuery('#t_<?php echo $gridId; ?>').css("display")=="none") { */ /* if(jQuery('#t_<?php echo $grid_id; ?>').css("display")=="none") { */
/* jQuery('#t_<?php echo $gridId; ?>').css("display",""); */ /* jQuery('#t_<?php echo $grid_id; ?>').css("display",""); */
/* } else { */ /* } else { */
/* jQuery('#t_<?php echo $gridId; ?>').css("display","none"); */ /* jQuery('#t_<?php echo $grid_id; ?>').css("display","none"); */
/* } */ /* } */
/* } */ /* } */
/* }); */ /* }); */
@@ -186,112 +191,34 @@ jQuery(document).ready(function(){
--></script> --></script>
<table id="<?php echo $gridId; ?>" class="scroll"></table> <table id="<?php echo $grid_id; ?>" class="scroll"></table>
<div id="<?php echo $gridId; ?>-pager" class="scroll" style="text-align:center;"></div> <div id="<?php echo $grid_id; ?>-pager" class="scroll" style="text-align:center;"></div>
<div id="debug"></div>
<script type="text/javascript"><!-- <?php
if (count($search_fields) > 0) {
echo('<div>Search By:<BR>' . "\n");
echo('<input type="checkbox" CLASS="filt-autosearch"'.
' onclick="enableAutosubmit(this.checked)" CHECKED>'.
'Enable Autosearch' .
'<BR>' . "\n");
/************************************************************************ foreach ($search_fields AS $field) {
* echo($field . "<BR>\n");
* Example search boxes that work with the javascript form this element echo('<input type="text" CLASS="filt-text filt-text-'.$grid_id.'"' .
' id="filt_'.$jqGridColumns[$field]['name'].'"' .
<div>Search By:<BR> ' filt-grid="'.$grid_id.'"' .
<input type="checkbox" id="autosearch" onclick="enableAutosubmit(this.checked)">Enable Autosearch<BR> ' filt-index="'.$jqGridColumns[$field]['index'].'"' .
'/>' . "\n");
Last Name<BR> echo('<button CLASS="filt-submit filt-submit-'.$grid_id.'"' .
<input type="text" CLASS="filt-text" id="filt_last_name" name="PrimaryContact.last_name" /> ' id="submit_'.$jqGridColumns[$field]['name'].'"' .
<button CLASS="filt-submit" ID="submit_filt_last_name" style="margin-left:30px;">Search</button><BR> ' style="margin-left:30px;">' .
'Search' .
First Name<BR> '</button><BR>' . "\n");
<input type="text" CLASS="filt-text" id="filt_first_name" name="PrimaryContact.first_name" />
<button CLASS="filt-submit" ID="submit_filt_first_name" style="margin-left:30px;">Search</button><BR>
<div>
<button CLASS="filt-clear" ONCLICK="gridRestore()">Clear</button>
</div>
</div>
*
*/
var timeoutHnd;
function handleFiltKeydown(e){
/* $('#debug').append("KEYDOWN: id:"+id+"<BR>"); */
if (e.which == 8 || e.which == 46 || /* Backspace / Delete */
e.which == 32 || /* Space */
(65 <= e.which && e.which < 65 + 26) || /* Upper Case */
(97 <= e.which && e.which < 97 + 26)) /* Lower Case */
{
var id = $(this).attr('id');
if(timeoutHnd)
clearTimeout(timeoutHnd);
timeoutHnd = setTimeout(function()
{gridFilter(id)},
500);
} }
} echo('<div>' . "\n");
echo('<button CLASS="filt-clear" ONCLICK="'."gridRestore('$grid_id')".'">' .
function enableAutosubmit(state) { 'Clear' .
jQuery(".filt-submit").attr("disabled",state); '</button>' . "\n");
if (state) { echo('</div>' . "\n");
$(".filt-text").keydown(handleFiltKeydown); echo('</div>' . "\n");
/* $('#debug').append("BIND: id:"+id+"<BR>"); */
}
else {
$(".filt-text").unbind('keydown', handleFiltKeydown);
/* $('#debug').append("UNBIND: id:"+id+"<BR>"); */
}
}
function gridRestore() {
/* $('#debug').append("RESTORE<BR>"); */
$('.filt-text').val('');
jQuery('#<?php echo $gridId; ?>').removePostDataItem('filt');
jQuery('#<?php echo $gridId; ?>').removePostDataItem('filtField');
jQuery('#<?php echo $gridId; ?>').removePostDataItem('filtValue');
jQuery('#<?php echo $gridId; ?>')
.setGridParam({ page: 1 })
.trigger("reloadGrid");
}
function gridFilter(id) {
var field = jQuery("#"+id).attr('name');
var value = jQuery("#"+id).val();
// Make sure we're not issuing blank queries.
// It will work without observable effect, but
// it will result in slower queries. Just
// clear out all filter terms instead.
if (value == '') {
gridRestore();
return;
} }
/* $('#debug').append("RELOAD: field:"+field+"; value:"+value+"<BR>"); */
jQuery('#<?php echo $gridId; ?>').setPostDataItem('filt', true);
jQuery('#<?php echo $gridId; ?>').setPostDataItem('filtField', field);
jQuery('#<?php echo $gridId; ?>').setPostDataItem('filtValue', value);
$('.filt-text').each(function(){
if ($(this).attr('id') != id)
$(this).val('');
});
jQuery('#<?php echo $gridId; ?>')
.setGridParam({ page: 1 })
.trigger("reloadGrid");
}
jQuery(document).ready(function(){
$('.filt-submit').click(function(){
gridFilter($(this).attr('id').replace(/^submit_/, ''));
});
enableAutosubmit(true);
});
--></script>

16
views/elements/leases.ctp
View File

@@ -11,6 +11,18 @@ $cols['Move-Out'] = array('index' => 'Lease.moveout_date', 'formatter' => 'dat
$cols['Balance'] = array('index' => 'Lease.balance', 'formatter' => 'currency'); $cols['Balance'] = array('index' => 'Lease.balance', 'formatter' => 'currency');
$cols['Comment'] = array('index' => 'Lease.comment', 'formatter' => 'comment'); $cols['Comment'] = array('index' => 'Lease.comment', 'formatter' => 'comment');
echo $this->element('jqGrid', $jqGrid_options = array('jqGridColumns' => $cols,
array('jqGridColumns' => $cols)); 'controller' => 'leases',
'caption' => isset($caption) ? $caption : null);
if (isset($leases)) {
$jqGrid_options += array('custom_ids' =>
array_map(create_function('$data',
'return $data["id"];'),
$leases),
'limit' => 5);
}
$jqGrid_options += array('search_fields' => array('Customer', 'Unit'));
echo $this->element('jqGrid', $jqGrid_options);

2
views/layouts/default.ctp
View File

@@ -83,6 +83,8 @@
<!-- LAYOUT TABLE --> <!-- LAYOUT TABLE -->
</TABLE> </TABLE>
<div id="debug"></div>
<?php echo $cakeDebug; ?> <?php echo $cakeDebug; ?>
<?php /* pr($this); */ ?> <?php /* pr($this); */ ?>