-
Using controller methods via Javscript without Action tags in a salesforce visualforce page
Hi everybody,
I want to use controller methods via Javascript in an VF page but without using actionFunction or actionSupport tags.
Is it possible in Salesforce?
Thanks
-
This discussion was modified 8 years ago by
Kumar.
-
This discussion was modified 8 years ago by
Forcetalks.
-
This discussion was modified 8 years ago by Forcetalks.
-
This discussion was modified 8 years ago by
-
1 Reply
-
Hi kumar,
Try the following code
Try the following code
CONTROLLER
public with sharing class SearchJavascriptController {
public list<Account>accountlist { get; set; }
public SearchJavascriptController()
{
accountList = new list<Account>();
accountList =[Select Name,Id,AnnualRevenue From Account];
}}
VF Page
<apex:page controller=”SearchJavascriptController”>
<html>
<head>
<style>* {
box-sizing: border-box;
}#myInput {
background-image: url(‘/css/searchicon.png’);
background-position: 10px 10px;
background-repeat: no-repeat;
width: 100%;
font-size: 16px;
padding: 12px 20px 12px 40px;
border: 1px solid #ddd;
margin-bottom: 12px;
}#myTable {
border-collapse: collapse;
width: 100%;
border: 1px solid #ddd;
font-size: 18px;
}#myTable th, #myTable td {
text-align: left;
padding: 12px;
}#myTable tr {
border-bottom: 1px solid #ddd;
}#myTable tr.header, #myTable tr:hover {
background-color: #f1f1f1;
}
</style>
</head>
<body><apex:form id=”theForm”>
<apex:pageBlock >
<h2>My Account</h2>
<input type=”text” id=”myInput” onkeyup=”myFunction()” placeholder=”Search for names..” title=”Type in a name”>
</input>
</apex:pageBlock>
<table id=”myTable”>
<tr>
<th><h1> ACCOUNT NAME</h1></th>
<th><h1> ACCOUNT ID</h1></th>
<th><h1>ANNUAL REVENUE</h1></th>
</tr>
<apex:repeat value=”{!accountList}” var=”acc” id=”theRepeat”>
<tr>
<td>{!acc.name}</td>
<td>{!acc.id}</td>
<td>{!acc.AnnualRevenue}</td>
</tr>
</apex:repeat>
</table>
<script>
function myFunction() {
var input, filter, table, tr, td, i;
input = document.getElementById(“myInput”);
console.log(input);
filter = input.value.toUpperCase();table = document.getElementById(“myTable”);
tr = table.getElementsByTagName(“tr”);
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName(“td”)[0];
if (td) {
if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {tr[i].style.display = “”;
} else {
tr[i].style.display = “none”;
}
}
}
}
</script>
</apex:form>
</body>
</html></apex:page>
Log In to reply.
Popular Salesforce Blogs
Data Export in Salesforce - A Brief Guide
Exporting data from Salesforce can be done with the help of Data Export methods, it can be done either in a manual way or in…
How Salesforce Einstein Analytics Benefits Your Organization
Einstein Analytics Features Einstein Platform This platform receives the requirement of wonderful business operations and affords equipment that permits the managers and builders to craft…
Import and Export Data from Salesforce using Talend
Talking about Salesforce the transfer of data does not fall under a very cumbersome category. There are myriad tools like Salesforce Dataloader.io which have rather…
Popular Salesforce Videos
Foo Fighters Ignite Dreamforce Crowd on Day 1 | Salesforce
Salesforce's Dreamforce typically transforms San Francisco's South of Market area for its annual convention. This year is no exception, but due to COVID, it's a…
How Is Salesforce Overcoming the Rise In Generative AI?
Discover how Salesforce is harnessing the power of Generative AI to revolutionize customer experiences, streamline processes, and innovate like never before. In this extract discover…
Build an App Home Lightning Page | Salesforce Lightning Tutorial
Learning Objectives After completing this unit, you’ll be able to: Add components to a Lightning page Configure the properties of a Lightning page and a…
