Wednesday, November 23, 2016

Smart Table using AngularJS in Visualforce page

AngularJS provide functionality through which we can display records in table and can perform sorting, searching, pagination etc on client side (on Visualforce page). Previously we have to write sorting, searching logic in apex controller and need to call controller methods to perform operation and then rerender the page. AngularJS makes this job easy.

Below is sample angularJS code present in visualforce. This page display Account and its related cases. User can sort cases and search cases from related cases.



Please see below snaphot. In order to test this code, pass account id in url as below URL
https://ap1--skforce.ap1.visual.force.com/apex/smartTableAnguarJs?id=0019000000ld4kN





More Blogs>>: HighCharts in Visualforce Page Batch Apex Job Progress Bar     Dynamic Apex in Salesforce

Refer Below Links for Salesforce Interview Questions

-
Labels: , ,

14 comments:

  1. Dj swainMarch 28, 2017 at 7:11 PM

    System.ListException: List index out of bounds: 0
    got error ?

    ReplyDelete
    Replies
    1. Sunil KumarMarch 29, 2017 at 11:13 AM

      Hi Jagan,

      Pass the account Id in VF URL as parameters. Below is sample URL:
      https://xxx.xxxxx.force.com/apex/smartTableAnguarJs?id=0019000000ld4kO

      Thanks,
      Sunil Kumar

      Delete
  2. UnknownJanuary 17, 2018 at 3:04 AM

    All the blog writings are demonstration of what we call, Brilliant.
    resumeyard.com

    ReplyDelete
  3. UnknownMarch 29, 2018 at 11:10 AM

    Nice blog and nice post.Thak you so much for sharing.It is really helpful for a newbie like me. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging.Please check out Yiioverflow to know more about Angular JS framework and its wonderful feautres.

    ReplyDelete
  4. sriramMay 17, 2018 at 2:34 PM

    This is an awesome post.Really very informative and creative contents. These concept is a good way to enhance the knowledge.I like it and help me to development very well.Thank you for this brief explanation and very nice information.Well, got a good knowledge.
    Angularjs course in chennai

    ReplyDelete
  5. AnonymousAugust 25, 2018 at 4:39 PM

    Thanks for one marvelous posting! I enjoyed reading it; you are a great author. I will make sure to bookmark your blog and may come back someday. I want to encourage that you continue your great posts, have a nice weekend!
    Online training in USA

    ReplyDelete
  6. BhuvanaOctober 21, 2018 at 6:21 PM

    Expected to form you a next to no word to thank you once more with respect to the decent recommendations you've contributed here. Those guidelines additionally worked to become a good way to recognize that other people online have the identical fervor like mine to grasp great deal more around this condition. We are providing AngularJs training in velachry.
    For more details: AngularJs training in velachery

    ReplyDelete
  7. UnknownOctober 30, 2018 at 4:24 PM

    Needed to compose you a very little word to thank you yet again regarding the nice suggestions you’ve contributed here. we are providing AngularJs training in velachery.
    for more details: AngularJs training in velachery

    ReplyDelete
  8. Laura BushSeptember 7, 2019 at 5:37 AM

    I am completely satisfied with the techniques you have written over here on angular js. The effort you made in this article is truly nice. If anybody is seeking for this angular tutorial in affordable price then contact us. Best Web Development In Angular Js Course In Delhi

    ReplyDelete
  9. KITS ONLINE TRAININGJuly 9, 2021 at 1:58 PM

    abinitio training
    tableau training
    servicenow training
    vmware training
    tableau training
    sccm training
    mysql training

    ReplyDelete
  10. Emily SimthJanuary 19, 2022 at 4:02 PM

    This comment has been removed by the author.

    ReplyDelete
  11. Tagline InfotechMarch 24, 2022 at 10:07 AM

    Tagline Infotech is a SaaS development company offering top-notch, highly advanced, high-tech, and successful SaaS-based products to clients and customers.

    ReplyDelete
  12. DevaMay 5, 2022 at 2:56 PM


    This is good content article, So keep sharing like this.
    Angularjs course in Chennai
    Best Angular Course Online
    Angular Training In Bangalore

    ReplyDelete
  13. Accounting Software Services (Tally & Busy)March 15, 2023 at 4:41 PM

    Best Accounting Software Services:-
    Best Busy & Tally Accounting Software Services buy now for your business tax invoicing , data backup etc; we are certified partner.
    Website Link:- https://dssoftweb.com

    ReplyDelete

Subscribe to: Post Comments (Atom)