examples/grid-filtering/grid-filter-local.html

   1 <html>
   2 <head>
   3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   4     <title>Custom Grid Filters</title>
   5
   6     <!-- ExtJS -->
   7     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   8     <script type="text/javascript" src="../../bootstrap.js"></script>
   9
  10     <!-- Shared -->
  11     <link rel="stylesheet" type="text/css" href="../shared/example.css" />
  12
  13     <!-- Example -->
  14     <link rel="stylesheet" type="text/css" href="../ux/grid/css/GridFilters.css" />
  15     <link rel="stylesheet" type="text/css" href="../ux/grid/css/RangeMenu.css" />
  16     <script type="text/javascript" src="grid-filter-local.js"></script>
  17 </head>
  18 <body>
  19     <h1>Custom Grid Filters Example (local filtering)</h1>
  20     <p>This example demonstrates a custom Grid Filter Extension. It adds an item to each column header menu that
  21     allows filtering of that column.</p>
  22     <p>Note that the js is not minified so it is readable. See <a href="grid-filter-local.js">grid-filter-local.js</a>.</p>
  23
  24     <p><b>Note:</b> The remote filtering requires the SQLite PHP plugin be installed on the server. See <a href="http://uk2.php.net/manual/en/sqlite.installation.php">here</a>.</p>
  25
  26         <div id="grid-example" style="margin: 10px;"></div>
  27
  28 </body>
  29 </html>