Language selection

Search


URL Mapping - Table filtering

Execute pre-configured table filtering action based on url query string.

Title Publication date Department News Type Summary Location For Subject Minister
Source code
<ul>
	<li><a href="?">Empty <code>?</code></a></li>
	<li><a href="?back">Backgrounders only <code>?back</code></a></li>
	<li><a href="?dep=inf">Infrastructure Canada departement only <code>?dep=inf</code></a></li>
	<li><a href="?date=jul26">Published on July 26 <code>?date=jul26</code></a></li>
	<li><a href="?dateiso=2016-07-24">Published on July 24 <code>?dateiso=2016-07-24</code></a></li>
	<li><a href="?dateiso=2016-07-23">Published on July 23 <code>?dateiso=2016-07-23</code></a></li>
	<li><a href="?dateiso=2016-07-22">Published on July 22 <code>?dateiso=2016-07-22</code></a></li>
</ul>

<table class="wb-tables table table-striped table-hover" id="dataset-filter"
		data-wb-urlmapping='{
			"back": { "action": "tblfilter", "column": 3, "value": "Backgrounders" },
			"dep=inf": { "action": "tblfilter", "column": 2, "value": "Infrastructure Canada" },
			"date=jul26": { "action": "tblfilter", "column": 1, "value": "2016-07-26" },
			"dateiso": {
				"action": "tblfilter",
				"source": "#dataset-filter",
				"column": 1,
				"value": "{qval}",
				"match": "^[1-2][0-9][0-9][0-9]-[0,1][0-9]-[0-3][0-9]$",
				"default": "2016-07-24"
			}
		}' aria-live="polite"
		data-wb-tables='{
			"bDeferRender": true,
			"ajaxSource": "//wet-boew.github.io/wet-boew/demos/tables/ajax/datasource.json",
			"order": [5, "desc"],
			"columns": [
				{ "data": "TITLE", "className": "nws-tbl-ttl h4" },
				{ "data": "PUBDATE", "className": "nws-tbl-date" },
				{ "data": "DEPT", "className": "nws-tbl-dept" },
				{ "data": "TYPE", "className": "nws-tbl-type" },
				{ "data": "TEASER",  "className": "nws-tbl-desc" },
				{ "data": "LOCATION",  "visible": false },
				{ "data": "AUDIENCE",  "visible": false },
				{ "data": "SUBJECT", "visible": false },
				{ "data": "MINISTER", "visible": false }
			]
		}'>
	<thead>
		<tr>
			<th>Title</th>
			<th>Publication date</th>
			<th>Department</th>
			<th>News Type</th>
			<th>Summary</th>
			<th>Location</th>
			<th>For</th>
			<th>Subject</th>
			<th>Minister</th>
		</tr>
	</thead>
</table>

Page details

Date modified: