You need to sign in to do that
Don't have an account?
Adarsh Sharma 4
selectRadio and checkbox with custom Pagination?
Hi,all I'm create simple custom pagination vf page .now I'm facing a problem ,when i'm check radio button all check box are selected
please help for this
vf page::::
<apex:page Controller="simpleCustomPagination11">
<div style="padding-top:20px;">
<apex:actionstatus id="DeleteStaus1">
<apex:facet name="start">
<span style="color:red;font-weight:bold;padding-left:5px;">Delete...</span>
<img src="/img/loading.gif" alt="" />
</apex:facet>
</apex:actionstatus>
</div>
<script type='text/javascript'>
function runOnEnter(ev) {
if (window.event && window.event.keyCode == 13 || ev.which == 13) {
searchAccRecs();
return false;
} else {
return true;
}
}
function checkAll(cb) {
var inputElem = document.getElementsByTagName("input");
for (var i = 0; i < inputElem.length; i++) {
if (inputElem[i].id.indexOf("checkedone") != -1)
inputElem[i].checked = cb.checked;
}
}
</script>
<apex:form id="form" >
<apex:actionFunction name="searchAccRecs" action="{!doSearch}" reRender="block" />
<apex:pageBlock title="Search" mode="edit" id="block">
<apex:pagemessages />
<span>
<apex:commandlink value="A|" action="{!namesearch}" reRender="block" >
<apex:param name="search" value="A" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="B |" action="{!namesearch}" reRender="block" >
<apex:param name="search" value="B" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="C|" action="{!namesearch}" reRender="block" >
<apex:param name="search" value="C" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="D|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="D" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="E|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="E" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="F|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="F" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="G|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="G" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="H|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="H" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="I|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="I" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="J |" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="J" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="K|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="K" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="L|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="L" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="M|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="M" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="N|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="N" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="O|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="O" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="P|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="P" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="Q|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="Q" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="R|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="R" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="S|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="S" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="T|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="T" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="U|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="U" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="V|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="V" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="W|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="W" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="X|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="X" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="Y|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="Y" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="Z|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="Z" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<apex:pageBlockSection >
<apex:pageBlockSectionItem >
<apex:outputLabel for="searchText">Account Name</apex:outputLabel>
<apex:panelGroup >
<apex:inputText id="searchText" value="{!searchText}" onkeypress="return runOnEnter(event);" />
<apex:commandButton value="Search" action="{!doSearch}" id="searchBtn" status="searchStaus" rerender="block" />
<apex:actionstatus id="searchStaus">
<apex:facet name="start">
<span style="color:red;font-weight:bold;padding-left:5px;">searching...</span>
<img src="/img/loading.gif" alt="" />
</apex:facet>
</apex:actionstatus>
</apex:panelGroup>
</apex:pageBlockSectionItem>
</apex:pageBlockSection>
<apex:pageBlockSection title="Results" id="results" columns="1" rendered="{!IF(accounts.size != null && accounts.size > 0, true , false)}">
<apex:pageBlockTable value="{!lstacc}" var="l">
<apex:column >
<apex:facet name="header">
<apex:selectRadio onclick="checkAll(this)">
</apex:selectRadio>
</apex:facet>
<apex:selectRadio id="Radiodone">
</apex:selectRadio>
</apex:column>
<apex:column >
<apex:facet name="header">
<apex:inputCheckbox onclick="checkAll(this)">
</apex:inputCheckbox>
</apex:facet>
<apex:inputCheckbox id="checkedone">
</apex:inputCheckbox>
</apex:column>
<apex:column headerValue="Action" >
<apex:outputLink title="" value="/{!l.id}/e?retURL=/apex/{!$CurrentPage.Name}" style="font-weight:bold">Edit</apex:outputLink> |
<a href="javascript:if (window.confirm('Are you sure?')) doDelete('{!l.Id}');" style="font-weight:bold">Del</a>
</apex:column>
<apex:column >
<apex:facet name="header">
<apex:commandLink action="{!doSearch}" value="Account Name{!IF(sortExpression=='name',IF(sortDirection='ASC','▼','▲'),'')}">
<apex:param value="name" name="column" assignTo="{!sortExpression}"></apex:param>
</apex:commandLink>
</apex:facet>
<apex:outputLink target="_blank">{!l.Name}</apex:outputLink>
</apex:column>
<apex:column >
<apex:facet name="header">
<apex:commandLink action="{!doSearch}" value="Phone{!IF(sortExpression=='Phone',IF(sortDirection='ASC','▼','▲'),'')}">
<apex:param value="Phone" name="column" assignTo="{!sortExpression}"></apex:param>
</apex:commandLink>
</apex:facet>
<apex:outputLink target="_blank">{!l.Phone}</apex:outputLink>
</apex:column>
<apex:column value="{!l.BillingCity}">
<apex:facet name="header">
<apex:commandLink action="{!doSearch}" value="Billing City{!IF(sortExpression=='BillingCity',IF(sortDirection='ASC','▼','▲'),'')}">
<apex:param value="BillingCity" name="column" assignTo="{!sortExpression}"></apex:param>
</apex:commandLink>
</apex:facet>
</apex:column>
<apex:column value="{!l.BillingCountry}">
<apex:facet name="header">
<apex:commandLink action="{!doSearch}" value="Billing Country{!IF(sortExpression=='BillingCountry',IF(sortDirection='ASC','▼','▲'),'')}">
<apex:param value="BillingCountry" name="column" assignTo="{!sortExpression}"></apex:param>
</apex:commandLink>
</apex:facet>
</apex:column>
</apex:pageBlockTable>
<apex:panelGrid columns="7">
<apex:commandButton value="|<" rerender="results" action="{!First}" disabled="{!!hasPrevious}" />
<apex:commandButton value="<" rerender="results" action="{!Previous}" disabled="{!!hasPrevious}" />
<apex:commandButton value=">" rerender="results" action="{!Next}" disabled="{!!hasNext}" />
<apex:commandButton value=">|" rerender="results" action="{!Last}" disabled="{!!hasNext}" />
<apex:outputText >{!(pageno * 5)+1-5}-{!IF((pageno * 5)>count , count,(pageno * 5))} of {!count}</apex:outputText>
<br/>
<apex:outputText >Page
<apex:inputText value="{!pageno}" size="1" /> Of {!totalPages }</apex:outputText>
<apex:actionFunction action="{!doDelete}" name="doDelete" reRender="form" status="DeleteStaus1" >
<apex:param name="accountId" value="" assignTo="{!accountId}"/>
</apex:actionFunction>
</apex:panelGrid>
</apex:pageBlockSection>
</apex:pageBlock>
</apex:form>
</apex:page>
please help for this
vf page::::
<apex:page Controller="simpleCustomPagination11">
<div style="padding-top:20px;">
<apex:actionstatus id="DeleteStaus1">
<apex:facet name="start">
<span style="color:red;font-weight:bold;padding-left:5px;">Delete...</span>
<img src="/img/loading.gif" alt="" />
</apex:facet>
</apex:actionstatus>
</div>
<script type='text/javascript'>
function runOnEnter(ev) {
if (window.event && window.event.keyCode == 13 || ev.which == 13) {
searchAccRecs();
return false;
} else {
return true;
}
}
function checkAll(cb) {
var inputElem = document.getElementsByTagName("input");
for (var i = 0; i < inputElem.length; i++) {
if (inputElem[i].id.indexOf("checkedone") != -1)
inputElem[i].checked = cb.checked;
}
}
</script>
<apex:form id="form" >
<apex:actionFunction name="searchAccRecs" action="{!doSearch}" reRender="block" />
<apex:pageBlock title="Search" mode="edit" id="block">
<apex:pagemessages />
<span>
<apex:commandlink value="A|" action="{!namesearch}" reRender="block" >
<apex:param name="search" value="A" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="B |" action="{!namesearch}" reRender="block" >
<apex:param name="search" value="B" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="C|" action="{!namesearch}" reRender="block" >
<apex:param name="search" value="C" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="D|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="D" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="E|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="E" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="F|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="F" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="G|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="G" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="H|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="H" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="I|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="I" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="J |" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="J" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="K|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="K" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="L|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="L" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="M|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="M" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="N|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="N" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="O|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="O" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="P|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="P" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="Q|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="Q" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="R|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="R" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="S|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="S" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="T|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="T" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="U|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="U" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="V|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="V" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="W|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="W" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="X|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="X" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="Y|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="Y" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<span>
<apex:commandlink value="Z|" action="{!namesearch}" reRender="block" >
<apex:param name="searchname" value="Z" assignTo="{!searchname}"/>
</apex:commandlink>
</span>
<apex:pageBlockSection >
<apex:pageBlockSectionItem >
<apex:outputLabel for="searchText">Account Name</apex:outputLabel>
<apex:panelGroup >
<apex:inputText id="searchText" value="{!searchText}" onkeypress="return runOnEnter(event);" />
<apex:commandButton value="Search" action="{!doSearch}" id="searchBtn" status="searchStaus" rerender="block" />
<apex:actionstatus id="searchStaus">
<apex:facet name="start">
<span style="color:red;font-weight:bold;padding-left:5px;">searching...</span>
<img src="/img/loading.gif" alt="" />
</apex:facet>
</apex:actionstatus>
</apex:panelGroup>
</apex:pageBlockSectionItem>
</apex:pageBlockSection>
<apex:pageBlockSection title="Results" id="results" columns="1" rendered="{!IF(accounts.size != null && accounts.size > 0, true , false)}">
<apex:pageBlockTable value="{!lstacc}" var="l">
<apex:column >
<apex:facet name="header">
<apex:selectRadio onclick="checkAll(this)">
</apex:selectRadio>
</apex:facet>
<apex:selectRadio id="Radiodone">
</apex:selectRadio>
</apex:column>
<apex:column >
<apex:facet name="header">
<apex:inputCheckbox onclick="checkAll(this)">
</apex:inputCheckbox>
</apex:facet>
<apex:inputCheckbox id="checkedone">
</apex:inputCheckbox>
</apex:column>
<apex:column headerValue="Action" >
<apex:outputLink title="" value="/{!l.id}/e?retURL=/apex/{!$CurrentPage.Name}" style="font-weight:bold">Edit</apex:outputLink> |
<a href="javascript:if (window.confirm('Are you sure?')) doDelete('{!l.Id}');" style="font-weight:bold">Del</a>
</apex:column>
<apex:column >
<apex:facet name="header">
<apex:commandLink action="{!doSearch}" value="Account Name{!IF(sortExpression=='name',IF(sortDirection='ASC','▼','▲'),'')}">
<apex:param value="name" name="column" assignTo="{!sortExpression}"></apex:param>
</apex:commandLink>
</apex:facet>
<apex:outputLink target="_blank">{!l.Name}</apex:outputLink>
</apex:column>
<apex:column >
<apex:facet name="header">
<apex:commandLink action="{!doSearch}" value="Phone{!IF(sortExpression=='Phone',IF(sortDirection='ASC','▼','▲'),'')}">
<apex:param value="Phone" name="column" assignTo="{!sortExpression}"></apex:param>
</apex:commandLink>
</apex:facet>
<apex:outputLink target="_blank">{!l.Phone}</apex:outputLink>
</apex:column>
<apex:column value="{!l.BillingCity}">
<apex:facet name="header">
<apex:commandLink action="{!doSearch}" value="Billing City{!IF(sortExpression=='BillingCity',IF(sortDirection='ASC','▼','▲'),'')}">
<apex:param value="BillingCity" name="column" assignTo="{!sortExpression}"></apex:param>
</apex:commandLink>
</apex:facet>
</apex:column>
<apex:column value="{!l.BillingCountry}">
<apex:facet name="header">
<apex:commandLink action="{!doSearch}" value="Billing Country{!IF(sortExpression=='BillingCountry',IF(sortDirection='ASC','▼','▲'),'')}">
<apex:param value="BillingCountry" name="column" assignTo="{!sortExpression}"></apex:param>
</apex:commandLink>
</apex:facet>
</apex:column>
</apex:pageBlockTable>
<apex:panelGrid columns="7">
<apex:commandButton value="|<" rerender="results" action="{!First}" disabled="{!!hasPrevious}" />
<apex:commandButton value="<" rerender="results" action="{!Previous}" disabled="{!!hasPrevious}" />
<apex:commandButton value=">" rerender="results" action="{!Next}" disabled="{!!hasNext}" />
<apex:commandButton value=">|" rerender="results" action="{!Last}" disabled="{!!hasNext}" />
<apex:outputText >{!(pageno * 5)+1-5}-{!IF((pageno * 5)>count , count,(pageno * 5))} of {!count}</apex:outputText>
<br/>
<apex:outputText >Page
<apex:inputText value="{!pageno}" size="1" /> Of {!totalPages }</apex:outputText>
<apex:actionFunction action="{!doDelete}" name="doDelete" reRender="form" status="DeleteStaus1" >
<apex:param name="accountId" value="" assignTo="{!accountId}"/>
</apex:actionFunction>
</apex:panelGrid>
</apex:pageBlockSection>
</apex:pageBlock>
</apex:form>
</apex:page>
pcon
The reason you are getting them all checked is because you have a JavaScript onclick assigned that calls your checkall method. This method finds all the checkboxes and checks them.
Adarsh Sharma 4
sir,I known that.what should i do for select all radio buttons
pcon
Radio buttons by definition cannot have "all selected." Radio buttons only allow a single choice to be selected in each button group.