<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Custom Grid Filters</title>
- <!-- ** CSS ** -->
- <!-- base library -->
+ <!-- ExtJS -->
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+ <script type="text/javascript" src="../../bootstrap.js"></script>
- <!-- overrides to base library -->
- <link rel="stylesheet" type="text/css" href="../ux/gridfilters/css/GridFilters.css" />
- <link rel="stylesheet" type="text/css" href="../ux/gridfilters/css/RangeMenu.css" />
-
- <!-- page specific -->
- <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
-
- <style type="text/css">
- </style>
-
- <!-- ** Javascript ** -->
- <!-- ExtJS library: base/adapter -->
- <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
-
- <!-- ExtJS library: all widgets -->
- <script type="text/javascript" src="../../ext-all.js"></script>
-
- <!-- overrides to base library -->
-
- <!-- extensions -->
- <script type="text/javascript" src="../ux/gridfilters/menu/RangeMenu.js"></script>
- <script type="text/javascript" src="../ux/gridfilters/menu/ListMenu.js"></script>
-
- <script type="text/javascript" src="../ux/gridfilters/GridFilters.js"></script>
- <script type="text/javascript" src="../ux/gridfilters/filter/Filter.js"></script>
- <script type="text/javascript" src="../ux/gridfilters/filter/StringFilter.js"></script>
- <script type="text/javascript" src="../ux/gridfilters/filter/DateFilter.js"></script>
- <script type="text/javascript" src="../ux/gridfilters/filter/ListFilter.js"></script>
- <script type="text/javascript" src="../ux/gridfilters/filter/NumericFilter.js"></script>
- <script type="text/javascript" src="../ux/gridfilters/filter/BooleanFilter.js"></script>
-
- <!-- page specific -->
- <script type="text/javascript" src="../shared/examples.js"></script>
- <script type="text/javascript" src="grid-filter-local.js"></script>
+ <!-- Shared -->
+ <link rel="stylesheet" type="text/css" href="../shared/example.css" />
+ <!-- Example -->
+ <link rel="stylesheet" type="text/css" href="../ux/grid/css/GridFilters.css" />
+ <link rel="stylesheet" type="text/css" href="../ux/grid/css/RangeMenu.css" />
+ <script type="text/javascript" src="grid-filter-local.js"></script>
</head>
<body>
<h1>Custom Grid Filters Example (local filtering)</h1>
- <p>This example demonstrates a custom Grid Filter Extension.</p>
+ <p>This example demonstrates a custom Grid Filter Extension. It adds an item to each column header menu that
+ allows filtering of that column.</p>
<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>
+
+ <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>
<div id="grid-example" style="margin: 10px;"></div>
git.ithinksw.org / extjs.git / blobdiff