CodePartners - Software Development - Dallas, Texas Software Development - Sage Accpac Customization - SageCRM Customization
Login
pay invoice online  |  remote assistance  |  
  • INTERNET APPLICATION DEVELOPMENT

    • Services
      • Web Application Development
      • Mobile Applications
      • Integration Solutions
      • Staff Augmentation
    • Technologies
    • How we work
    • About us
    • Success stories
    • Blog
  • MID MARKET ERP DEVELOPMENT

    • Intacct
    • Sage CRM
    • Sage
    • Sage Component Catalog
    • How We Work
    • About Us
    • Success Stories
    • Blog

Blog

CodePartners Blog

rss


How to Use JQuery Mobile with Intacct Ajax Web API

SHARE THIS
Facebook twitter linkedin Print Print
Print Email

by Jacky Xu

Continuing from my previous blog post on building mobile apps for Intacct found here, I decided to build-out additional functionality and create new pages that allow the Intacct Login to gather more customer data (i.e. company name, contact name, phone, address, etc.).  Below, is the path I took to create this interaction:

1.    Add JavaScript functions to the file index.html

This is the full source code for the index.html.  The first screen shots are the JavaScript files (cordova.js, jquery.js, jquery.mobile-1.3.2.js, API_Session.js) and CSS files (jquery.mobile-1.3.2.css, jquery-mobile.theme-1.3.2.css and jQuery-mobile.structure-1.3.2.css).

 

 

As you can see, a function takes the Intacct session ID and re-directs it to another page (main.html). When the link re-directs to the new page, the program only replaces some of the content in the index.html (between <body> and </body>). Therefore, make note of this while writing the second page.  If you want JavaScript to run, place the code between <div data-role=”page”> and </div>.

 

2.    Upon clicking the Login button, here is how you get the main page to appear:

As you can see, my code is between the div tag (not between the header tag).

3.    Next, select the customer list button, and use this code to create a customer list page.

As you can see, the page loads 20 records at a time (so the user does not wait a long time).

You can search for a customer by using a different filter on this page (click the button at the top-right of the screen).

4.    Once you find your customer, and click their name, use this code to create a new page giving you more information about them.

This additional functionality allows you to call the contact directly from the app. In addition, you can easily add email and map functionality, by accessing the full address, which takes you to Google Maps to get your directions.




Comments are closed.
On October 7, 2013 in Development, Mobile Development, Web application, Web Development [Post:by]
Tagged With: Ajax , Intacct, JQuery, mobile application, Web API / 3412 Views

Search

Categories

  • General (166) rss
  • Development (158) rss
  • Success Stories (40) rss
  • Products (29) rss
  • Uncategorized (18) rss
  • BTerrell Group (5) rss
  • Project Management (22) rss
  • Web Development (57) rss
  • Web application (33) rss
  • Integration (19) rss
  • Mobile Development (7) rss

Archives

  • 2015
    • January (5)
    • February (7)
    • March (6)
    • April (5)
    • May (2)
  • 2014
    • January (13)
    • February (12)
    • March (13)
    • April (12)
    • May (11)
    • June (12)
    • July (11)
    • August (13)
    • September (10)
    • October (8)
    • November (6)
    • December (4)
  • 2013
    • April (73)
    • May (22)
    • June (20)
    • July (20)
    • August (22)
    • September (19)
    • October (13)
    • November (12)
    • December (7)

Tags

.NET Accpac app development application customization application development automation Azure C# cloud components Crystal Reports customization development ERP general ledger HTML5 Intacct Intacct Platform Services integration JQuery load balancer mass update mobile development OCR Order Entry outsourcing PO pricing product development project management REST Sage 300 ERP Sage CRM software integration trigger user interface Visual Studio web application web development website development Workforce Go! .NET ACA accpac Ajax Amazon AP invoices application development Arxis ASP.NET automation Axure BTerrell Group C# Cloud computing CodePartners Constant Contact credit card processing CRM crystal reports custom software Customer Service Customization Delete team project design phase Development doc-link DRILLDWNLK ERP event Excel GLAFS Intacct Intacct Advantage Intacct Platform Services Integration Java script JavaScript jQuery Kerr Consulting LinkedIn Microsoft MSSQL Offshoring outsourcing payroll PCI compliance PCI-DSS Pivot PJC project management sage Sage 300 Sage 300 ERP Sage Accpac ERP Sage CRM Smart Rule social media software testing SQL SQL Query SQL Server staff augmentation sub-ledger success success story TFS Trouble shooting UI design Visual Studio WCF Web API web application web design web development Webinar website Windows Windows Azure XML
Email this article from Codepartners.com
Separate multiple addresses with commas(,)
To: *   Copy me
Subject:
From: *
Message:
ABOUT US / CONTACT US / NEWS & EVENTS
CodePartners / 16200 Addison Rd. STE 270 / Addison, Texas 75001 / Phone: 214-647-2611 / Toll Free: 866-647-2611 / Fax: 214-647-2612 / info@codepartners.com
© 2006 - 2015 codepartners.com All Rights Reserved.