How can I remove the pagination controls in but leave the delete button

forums_noreply@adobe.com — Tue, 28 May 2013 14:12:18 GMT

I have a <cfgrid> (coldfusion 8) and I am trying to remove the pagination controls (There will only ever be 1 page) but leave the delete button.

Or alternatively, remove the footer (which I figured out how to do) and add the delete button to each row.

(And yes I need the grid)

I've tried overriding the CSS both with a <style> tag on the page and Ive also tried using a function calleled on load to change the disply to none (which works in firebug when I manually do it)

Neither seem to work. I;ve searched all over and tried various things, but nothing seems to accomplish waht I need. Any help would be most appreciated.

****Code***********

<cfajaxproxy

cfc = "AddSelectedOptions"

jsclassname = "AddSelectedOptions">

<html>

<head>

var cfc = new AddSelectedOptions();

//cfc.setErrorHandler(showError);

cfc.setCallbackHandler(handleResult);

function showWin(){

alert('Button 1 works!!! :-)');

}

function showWin2(){

alert('Button 2 works!!! :-)');

}

function delSelected()

{

var selectedRecord = grid.getSelections();

var delID = selectedRecord[0].data.ID;

if(confirm('Delete User : ' + selectedRecord[0].data.FIRSTNAME))

{

cfc.delSelectedCats(delID);

};

}

function AddSelected(SessionId)

{

var Cat = document.getElementById("SelCategory");

var CatSelIndex =Cat.selectedIndex;

var CatId = Cat.options[CatSelIndex].value;

var SubCat = document.getElementById("SelSubCat");

var SubCatSelIndex =SubCat.selectedIndex;

var SubCatId = SubCat.options[SubCatSelIndex].value

cfc.AddSelectedOptions(CatId,SubCatId ,SessionId);

}

function handleResult(res)

{

ColdFusion.Grid.refresh('SelectedCategories',false);

}

var gridRender = function()

{

grid = ColdFusion.Grid.getGridObject('SelectedCategories'); //Get grid object

//overwrite existing grid footer with new div, Ext.id() will assign unique id to footer

var bbar = Ext.DomHelper.overwrite(grid.bbar,{tag:'div',id:Ext.id()},true);

//Create new PaginToolbar and render it to bbar (grid footer)

gbbar = new Ext.PagingToolbar({

renderTo:bbar,

store: grid.store,

pageSize: 10,

displayInfo: true,

displayMsg: '<b>Showing {0} - {1} out of {2}</b>',

emptyMsg: "<b>No Record</b>"

});

};

</script>

#ext-gen67{Display:None;visibility:hidden;};

#ext-gen59{Display:None;visibility:hidden;};

#ext-gen75{Display:None;visibility:hidden;};

#ext-gen76{Display:None;visibility:hidden;};

#ext-gen79{Display:None;visibility:hidden;};

</style>

</head>

<body>

Select Category and Subcategory

<table>

<tr>

<th>Category</th><td colspan="2">

<cfselect name="SelCategory"

bind="cfc:AddIncident.Categories()"

bindonload="true"

id="SelCategory"

class="field_150"

style="width:150px;"/>

</td>

<th>SubCategory</th>

<cfselect name="SelSubCat"

bind="cfc:AddIncident.SubCategories({SelCategory})"

bindonload="true"

class="field_150"

id="SelSubCat"

onChange="AddSelected('999');"/>

</td>

</tr>

</table>

<h4>Click on a row and select delete to remove.. will figure out how to add a delete button to each row</h4>

<cfgrid

name = "SelectedCategories"

format="html"

bindOnLoad="yes"

bind="cfc:SelectedOptions.getSlectedGrid({cfgridpage},{cfgridpagesize},{cfgridsortcolumn}, {cfgridsortdirection},'999')"

preservePageOnSort="true"

selectmode="edit"

delete="yes"

DeleteButton="Delete"

selectOnLoad="no"

font="Verdana"

fontsize="11"

label="True"

stripeRows="true"

stripeRowColor="##D9CCFF"

selectColor="##994FE6"

pagesize="5"

onChange="cfc:AddSelectedOptions.delSelectedCats({cfgridaction},{cfgridrow},{cfgridchanged })"

</cfgrid>

</cfform>

Adobe Community: Message List - How can I remove the pagination controls in but leave the delete button

How can I remove the pagination controls in but leave the delete button