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






Refer Below Links for Salesforce Interview Questions

14 comments:

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

    ReplyDelete
    Replies
    1. 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. All the blog writings are demonstration of what we call, Brilliant.
    resumeyard.com

    ReplyDelete
  3. 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. 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. 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. 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. 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. 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. This comment has been removed by the author.

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

    ReplyDelete
  11. 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