-
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 7 years, 11 months ago by
Kumar.
-
This discussion was modified 7 years, 11 months ago by
Forcetalks.
-
This discussion was modified 7 years, 11 months ago by Forcetalks.
-
This discussion was modified 7 years, 11 months 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
Apex Trigger Scenarios | All You Need to Know
Here's a list of Apex trigger scenarios questions for practice, covering beginner to intermediate levels and Intermediate to Advanced levels: Beginner Level Intermediate Level Advanced…
How to Use Salesforce Lightning Data Services
INTRODUCTION Lightning Data Service is a Lightning Component which behaves like a VisualForce Standard Controller in VisualForce Page to provide access to Database to display…
Going Beyond Traditional Implementation Methodologies for Salesforce Service Cloud: A Fireside Chat
Salesforce Service Cloud has myriads of capabilities that enable you to ace your customer service game. But optimizing Service Cloud the right way calls for…
Popular Salesforce Videos
Escalation Rule in Salesforce
In this video, Shrey is not only teaching but also demonstrating Escalation Rule in Salesforce. 1. What are Escalation Rules in Salesforce? 2. What is…
Happy 2021 to the Salesforce Ohana
As 2020 comes to a close, the challenges of the past year give way to hopes of a new year full of love, cheer, &…
Auditing Account Deletion Using Salesforce Flow
This demo video walks through an example of Auditing Account Deletion Using Salesforce Flow Ever had an instance where users have accidentally deleted Accounts and…
