anoopmb
/
frappe


			
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title>4. Client Side API &mdash; Documentation</title>
    <link rel="stylesheet" href="_static/sphinxdoc.css" type="text/css" />
    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
    <script type="text/javascript">
      var DOCUMENTATION_OPTIONS = {
        URL_ROOT:    '',
        VERSION:     '',
        COLLAPSE_MODINDEX: false,
        FILE_SUFFIX: '.html',
        HAS_SOURCE:  true
      };
    </script>
    <script type="text/javascript" src="_static/jquery.js"></script>
    <script type="text/javascript" src="_static/doctools.js"></script>
    <link rel="top" title="Documentation" href="index.html" />
    <link rel="next" title="Accessing Local Data" href="local_data.html" />
    <link rel="prev" title="module — Module Module" href="module.html" /> 
  </head>
  <body>
    <div style="background-color: #FFF; text-align: left; padding: 8px 0px"><img src="_static/banner300910.gif"></div>
    <div class="related">
      <h3>Navigation</h3>
      <ul>
        <li class="right" style="margin-right: 10px">
          <a href="genindex.html" title="General Index"
             accesskey="I">index</a></li>
        <li class="right" >
          <a href="modindex.html" title="Global Module Index"
             accesskey="M">modules</a> |</li>
        <li class="right" >
          <a href="local_data.html" title="Accessing Local Data"
             accesskey="N">next</a> |</li>
        <li class="right" >
          <a href="module.html" title="module — Module Module"
             accesskey="P">previous</a> |</li>
        <li><a href="index.html">Documentation</a> &raquo;</li> 
      </ul>
    </div>
      <div class="sphinxsidebar">
        <div class="sphinxsidebarwrapper">
            <h4>Previous topic</h4>
            <p class="topless"><a href="module.html"
                                  title="previous chapter"><tt class="docutils literal"><span class="pre">module</span></tt> &#8212; Module Module</a></p>
            <h4>Next topic</h4>
            <p class="topless"><a href="local_data.html"
                                  title="next chapter">Accessing Local Data</a></p>
            <h3>This Page</h3>
            <ul class="this-page-menu">
              <li><a href="_sources/client_side_widgets.txt"
                     rel="nofollow">Show Source</a></li>
            </ul>
          <div id="searchbox" style="display: none">
            <h3>Quick search</h3>
              <form class="search" action="search.html" method="get">
                <input type="text" name="q" size="18" />
                <input type="submit" value="Go" />
                <input type="hidden" name="check_keywords" value="yes" />
                <input type="hidden" name="area" value="default" />
              </form>
              <p class="searchtip" style="font-size: 90%">
              Enter search terms or a module, class or function name.
              </p>
          </div>
          <script type="text/javascript">$('#searchbox').show(0);</script>
        </div>
      </div>

    <div class="document">
      <div class="documentwrapper">
        <div class="bodywrapper">
          <div class="body">
            
  <div class="section" id="client-side-api">
<h1>4. Client Side API<a class="headerlink" href="#client-side-api" title="Permalink to this headline">¶</a></h1>
<p>API for client side widgets</p>
<ul>
<li class="toctree-l1"><a class="reference external" href="local_data.html">Accessing Local Data</a></li>
<li class="toctree-l1"><a class="reference external" href="form_widget.html">Form Widget API</a><ul>
<li class="toctree-l2"><a class="reference external" href="form_widget.html#scripting-forms">Scripting Forms</a></li>
<li class="toctree-l2"><a class="reference external" href="form_widget.html#form-container-class">Form Container Class</a></li>
<li class="toctree-l2"><a class="reference external" href="form_widget.html#form-class">Form Class</a></li>
<li class="toctree-l2"><a class="reference external" href="form_widget.html#field-class">Field Class</a></li>
<li class="toctree-l2"><a class="reference external" href="form_widget.html#grid-class">Grid Class</a></li>
<li class="toctree-l2"><a class="reference external" href="form_widget.html#examples">Examples</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference external" href="report_builder.html">Report Builder</a><ul>
<li class="toctree-l2"><a class="reference external" href="report_builder.html#search-criteria">Search Criteria</a></li>
<li class="toctree-l2"><a class="reference external" href="report_builder.html#customizing-filters">Customizing Filters</a></li>
<li class="toctree-l2"><a class="reference external" href="report_builder.html#scrubbing-modifying-data-from-the-query">Scrubbing / modifying data from the query</a></li>
<li class="toctree-l2"><a class="reference external" href="report_builder.html#adding-style-to-the-result">Adding style to the result</a></li>
<li class="toctree-l2"><a class="reference external" href="report_builder.html#generating-a-query-by-script-from-client-side">Generating a query by script from client side</a></li>
<li class="toctree-l2"><a class="reference external" href="report_builder.html#report-builder-api">Report Builder API</a></li>
<li class="toctree-l2"><a class="reference external" href="report_builder.html#report-builder-container">Report Builder Container</a></li>
<li class="toctree-l2"><a class="reference external" href="report_builder.html#report-builder-class">Report Builder Class</a></li>
<li class="toctree-l2"><a class="reference external" href="report_builder.html#datatable-class">Datatable Class</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference external" href="dialog.html">Dialog Boxes</a><ul>
<li class="toctree-l2"><a class="reference external" href="dialog.html#dialog-class">Dialog Class</a></li>
<li class="toctree-l2"><a class="reference external" href="dialog.html#example">Example</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference external" href="listing.html">Listing</a><ul>
<li class="toctree-l2"><a class="reference external" href="listing.html#listing-options">Listing Options</a></li>
<li class="toctree-l2"><a class="reference external" href="listing.html#listing-class">Listing Class</a></li>
<li class="toctree-l2"><a class="reference external" href="listing.html#creating-a-listing">Creating a Listing</a></li>
<li class="toctree-l2"><a class="reference external" href="listing.html#examples">Examples</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference external" href="tree.html">Tree</a><ul>
<li class="toctree-l2"><a class="reference external" href="tree.html#tree-treenode-classes">Tree &amp; TreeNode Classes</a></li>
<li class="toctree-l2"><a class="reference external" href="tree.html#example">Example</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference external" href="tabbed_page.html">Tabbed Page</a><ul>
<li class="toctree-l2"><a class="reference external" href="tabbed_page.html#tabbedpage-class">TabbedPage Class</a></li>
<li class="toctree-l2"><a class="reference external" href="tabbed_page.html#example">Example</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference external" href="autosuggest.html">Autosuggest</a><ul>
<li class="toctree-l2"><a class="reference external" href="autosuggest.html#overriding-the-default-call">Overriding the default call</a></li>
<li class="toctree-l2"><a class="reference external" href="autosuggest.html#example">Example</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference external" href="javascript_utils.html">Javascript Utilities</a><ul>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#ajax-server-calls">AJAX - Server Calls</a></li>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#title">Title</a></li>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#events">Events</a></li>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#string">String</a></li>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#lists">Lists</a></li>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#dictionaries">Dictionaries</a></li>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#datatype-conversion">Datatype Conversion</a></li>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#dom-manipulation">DOM Manipulation</a></li>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#style">Style</a></li>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#tables">Tables</a></li>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#select-element">Select Element</a></li>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#positioning">Positioning</a></li>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#url">URL</a></li>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#user-image">User Image</a></li>
<li class="toctree-l2"><a class="reference external" href="javascript_utils.html#miscelleanous">Miscelleanous</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference external" href="navigation.html">Page Structure and Navigation</a><ul>
<li class="toctree-l2"><a class="reference external" href="navigation.html#page-structure">Page Structure</a></li>
<li class="toctree-l2"><a class="reference external" href="navigation.html#opening-existing-resources-pages-forms-etc">Opening existing resources (Pages, Forms etc)</a></li>
<li class="toctree-l2"><a class="reference external" href="navigation.html#history">History</a></li>
</ul>
</li>
</ul>
</div>


          </div>
        </div>
      </div>
      <div class="clearer"></div>
    </div>
    <div class="related">
      <h3>Navigation</h3>
      <ul>
        <li class="right" style="margin-right: 10px">
          <a href="genindex.html" title="General Index"
             >index</a></li>
        <li class="right" >
          <a href="modindex.html" title="Global Module Index"
             >modules</a> |</li>
        <li class="right" >
          <a href="local_data.html" title="Accessing Local Data"
             >next</a> |</li>
        <li class="right" >
          <a href="module.html" title="module — Module Module"
             >previous</a> |</li>
        <li><a href="index.html">Documentation</a> &raquo;</li> 
      </ul>
    </div>
    <div class="footer">
      &copy; Copyright 2010, Rushabh Mehta.
      Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 0.6.3.
    </div>
  </body>
</html>