Sélection de la langue

Recherche


Correspondance d'URL - Filtrer un tableau

Exécute des requête de filtrage de tableau pré-établis selon la correspondance des paramètres de l'URL.

Le contenu du tableau suivant est disponible en anglais seulement.

Title Publication date Department News Type Summary Location For Subject Minister
Source code
<ul>
	<li><a href="?">Vide <code>?</code></a></li>
	<li><a href="?back">Précis seulement <code>?back</code></a></li>
	<li><a href="?dep=inf">Le département d'Infrastructure Canada seulement <code>?dep=inf</code></a></li>
	<li><a href="?date=jul26">Publié le 26 juillet <code>?date=jul26</code></a></li>
	<li><a href="?dateiso=2016-07-24">Publié le 24 juillet <code>?dateiso=2016-07-24</code></a></li>
	<li><a href="?dateiso=2016-07-23">Publié le 23 juillet <code>?dateiso=2016-07-23</code></a></li>
	<li><a href="?dateiso=2016-07-22">Publié le 22 juillet <code>?dateiso=2016-07-22</code></a></li>
</ul>

<p>Le contenu du tableau suivant est disponible en anglais seulement.</p>

<table lang="en" 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>

Détails de la page

Date de modification :