{"id":382,"date":"2014-02-18T13:21:42","date_gmt":"2014-02-18T13:21:42","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/salesforce\/?p=382"},"modified":"2025-05-15T10:00:01","modified_gmt":"2025-05-15T10:00:01","slug":"using-same-component-multiple-times-in-a-visualforce-page","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/salesforce\/2014\/02\/18\/using-same-component-multiple-times-in-a-visualforce-page\/","title":{"rendered":"Using same component multiple times in a Visualforce page"},"content":{"rendered":"

While working on a project, we created a component and had to use this component in the same page multiple times to show grid data for different objects. Here the JavaScript functions and variables were getting conflicted and the component was not referring to the correct JavaScript function and variables.<\/p>\n

To resolve this conflicting issue, we had to make the JavaScript Functions and variables dynamic as well.<\/p>\n

So, we created the unique Id attribute <\/b>in the component and <\/b>appended to JavaScript functions and variables so as to make them unique.<\/p>\n

The code snippet for Dynamic JavaScript Functions and Variables is as shown below –<\/p>\n

Apex Component:<\/b>\"snip1\"<\/a><\/p>\n

Apex Page:<\/b><\/p>\n

\u00a0<\/b>Here is the code snippet to call the same component multiple times in the same visual force page –\"snip2\"<\/a><\/p>\n

About Us<\/strong><\/span>
\nGreytrix<\/a> as a Salesforce Product development partner offers a wide variety of integration products and services to the end users as well as to the Partners across the globe. We offers Consultation, Configuration, Training, and support services in out-of-the-box functionality as well as customizations to incorporate custom business rules and functionalities that requires apex code incorporation into the Salesforce platform.<\/p>\n

Greytrix<\/a> has some unique solutions for Cloud CRM such as Salesforce integration with Sage Enterprise Management (Sage X3<\/a>), Sage Intacct, Sage 100 <\/a>and Sage 300 (Sage Accpac)<\/a>. We also offer best-in-class Cloud CRM Salesforce customization and development services<\/a> along with services such as Salesforce Data Migration<\/a>, Integrated App development<\/a>, Custom App development<\/a> and Technical Support<\/a> to business partners and end users.<\/p>\n

Greytrix GUMU™ integration for Sage ERP \u2013 Salesforce is a 5-star app listed on Salesforce AppExchange<\/a>.<\/p>\n

For more information, please contact us at salesforce@greytrix.com<\/a>. We will be glad to assist you.<\/p>\n

Related Posts<\/span><\/strong><\/p>\n