{"id":124672,"date":"2022-11-16T17:38:45","date_gmt":"2022-11-16T16:38:45","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-create-an-advanced-search\/"},"modified":"2025-02-03T16:44:48","modified_gmt":"2025-02-03T15:44:48","slug":"how-to-create-an-advanced-search","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/fr\/aide\/comment-prototyper-la-recherche-avancee","title":{"rendered":"Comment concevoir un filtre avanc\u00e9 ?"},"content":{"rendered":"<p>Cette fonctionnalit\u00e9 permet d&rsquo;effectuer une recherche avanc\u00e9e sur la base de plusieurs crit\u00e8res.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73239734\/index.html\" width=\"820px\" height=\"450px\" frameborder=\"0\"><\/iframe><\/p>\n<p>Voici comment le construire :<\/p>\n<h3><b>Voir<\/b><\/h3>\n<ul>\n<li>Allez dans la palette Ma\u00eetrise des donn\u00e9es et cr\u00e9ez une nouvelle \u00ab\u00a0Ma\u00eetrise des donn\u00e9es\u00a0\u00bb. Nommez-la \u00ab\u00a0Clients\u00a0\u00bb et cr\u00e9ez trois attributs : \u00ab\u00a0Client\u00a0\u00bb, \u00ab\u00a0Statut\u00a0\u00bb et \u00ab\u00a0Raison\u00a0\u00bb, puis appuyez sur \u00ab\u00a0Ok\u00a0\u00bb. <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71261\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/advanced-search-1.png\" alt=\"\" width=\"842\" height=\"341\"><\/li>\n<li>Cliquez avec le bouton droit de la souris sur la \u00ab\u00a0Base de donn\u00e9es\u00a0\u00bb que vous venez de cr\u00e9er et s\u00e9lectionnez \u00ab\u00a0Afficher et modifier les enregistrements\u00a0\u00bb, \u00e9crivez vos donn\u00e9es d&rsquo;exemple \u00e0 cet endroit et appuyez sur \u00ab\u00a0Ok\u00a0\u00bb.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71261\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/advanced-search-2.png\" alt=\"\" width=\"842\" height=\"341\"><\/li>\n<li>S\u00e9lectionnez une \u00ab\u00a0Liste de donn\u00e9es\u00a0\u00bb dans la section \u00ab\u00a0Contenu dynamique\u00a0\u00bb et placez-la sur le canevas ; la fen\u00eatre \u00ab\u00a0Nouvelle liste de donn\u00e9es\u00a0\u00bb sera activ\u00e9e ; donnez un nom \u00e0 votre liste, choisissez ensuite la \u00ab\u00a0Base de donn\u00e9es\u00a0\u00bb que vous avez cr\u00e9\u00e9e pr\u00e9c\u00e9demment et s\u00e9lectionnez tous les attributs.<video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"100%\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/advanced-search-3.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/advanced-search-3.mp4\" type=\"video\/mp4\"><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/advanced-search-3.png\" alt=\"Cr\u00e9er une liste de donn\u00e9es\">Cr\u00e9er une liste de donn\u00e9es<\/source><\/video><\/li>\n<\/ul>\n<ul>\n<li>Placez un \u00ab\u00a0Select\u00a0\u00bb dans les \u00ab\u00a0Interactive input fields\u00a0\u00bb \u00e0 c\u00f4t\u00e9 de votre \u00ab\u00a0Data list\u00a0\u00bb ; allez dans la palette Propri\u00e9t\u00e9s et modifiez les valeurs correspondant aux options du champ de donn\u00e9es \u00ab\u00a0Reason\u00a0\u00bb.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71261\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/advanced-search-4.png\" alt=\"\" width=\"842\" height=\"341\"><\/li>\n<li>Dans les \u00ab\u00a0Champs de saisie interactifs\u00a0\u00bb, placez une \u00ab\u00a0Liste radio\u00a0\u00bb sous votre \u00ab\u00a0S\u00e9lection\u00a0\u00bb et, dans la palette Propri\u00e9t\u00e9s, modifiez les valeurs correspondant aux options du champ de donn\u00e9es \u00ab\u00a0\u00c9tat\u00a0\u00bb.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71261\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/advanced-search-5.png\" alt=\"\" width=\"842\" height=\"341\"><\/li>\n<li>Placez deux \u00ab\u00a0boutons\u00a0\u00bb sous votre \u00ab\u00a0liste de radios\u00a0\u00bb (Rechercher et Effacer).<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71261\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/advanced-search-6.png\" alt=\"\" width=\"842\" height=\"341\"><\/li>\n<\/ul>\n<h3><strong>Ev\u00e9nements<\/strong><\/h3>\n<p><span data-preserver-spaces=\"true\">S\u00e9lectionnez le bouton \u00ab\u00a0Recherche\u00a0\u00bb, acc\u00e9dez \u00e0 la palette des \u00e9v\u00e9nements et cliquez sur \u00ab\u00a0Ajouter un \u00e9v\u00e9nement\u00a0\u00bb.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71261\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/advanced-search-7.png\" alt=\"\" width=\"842\" height=\"341\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Dans la bo\u00eete de dialogue, cliquez sur \u00ab\u00a0Choose Trigger\u00a0\u00bb, survolez la section \u00ab\u00a0Mouse\u00a0\u00bb et s\u00e9lectionnez \u00ab\u00a0on Click\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Dans \u00ab\u00a0Choose Action\u00a0\u00bb, s\u00e9lectionnez \u00ab\u00a0Set value to an element\u00a0\u00bb et cliquez sur votre \u00ab\u00a0Data list\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">S\u00e9lectionnez le bouton radio \u00ab\u00a0Calcul\u00e9\u00a0\u00bb pour la valeur et cliquez sur \u00ab\u00a0Ajouter une expression\u00a0\u00bb.&nbsp;<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71261\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/advanced-search-8.png\" alt=\"\" width=\"842\" height=\"341\"><\/li>\n<li><span data-preserver-spaces=\"true\"><span data-preserver-spaces=\"true\">Faites glisser la fonction \u00ab\u00a0Filtre\u00a0\u00bb dans le premier champ du constructeur ; dans le deuxi\u00e8me champ, faites glisser votre \u00ab\u00a0Base de donn\u00e9es\u00a0\u00bb de l&rsquo;onglet Base de donn\u00e9es, \u00e0 c\u00f4t\u00e9 du champ \u00ab\u00a0Statut\u00a0\u00bb de la Base de donn\u00e9es et la fonction \u00ab\u00a0A\u00a0\u00bb \u00e0 c\u00f4t\u00e9, pour finir, faites glisser la \u00ab\u00a0Liste radio\u00a0\u00bb. Cliquez sur \u00ab\u00a0Ok\u00a0\u00bb et \u00ab\u00a0Ok\u00a0\u00bb pour terminer la cr\u00e9ation de votre \u00e9v\u00e9nement. <\/span><\/span>\n<div class=\"embed-container\" style=\"padding-bottom: 56%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767992566\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Retournez \u00e0 la palette \u00c9v\u00e9nements et cliquez sur le \u00ab\u00a0+\u00a0\u00bb pour ajouter un nouvel \u00e9v\u00e9nement.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71261\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/advanced-search-10.png\" alt=\"\" width=\"842\" height=\"341\"><br \/>\n<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Dans la bo\u00eete de dialogue, cliquez sur \u00ab\u00a0Choose Trigger\u00a0\u00bb, survolez la section \u00ab\u00a0Mouse\u00a0\u00bb et s\u00e9lectionnez \u00ab\u00a0on Click\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Dans \u00ab\u00a0Choose Action\u00a0\u00bb, s\u00e9lectionnez \u00ab\u00a0Set value to an element\u00a0\u00bb et cliquez sur votre \u00ab\u00a0Data list\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">S\u00e9lectionnez le bouton radio \u00ab\u00a0Calcul\u00e9\u00a0\u00bb pour la valeur et cliquez sur \u00ab\u00a0Ajouter une expression\u00a0\u00bb.&nbsp;<\/span><\/li>\n<li><span data-preserver-spaces=\"true\"><span data-preserver-spaces=\"true\">Faites glisser la fonction \u00ab\u00a0Filtre\u00a0\u00bb dans le premier champ du constructeur ; dans le deuxi\u00e8me champ, faites glisser votre \u00ab\u00a0Liste de donn\u00e9es\u00a0\u00bb ; ensuite, tirez le champ de la base de donn\u00e9es \u00ab\u00a0Raison\u00a0\u00bb et la fonction \u00ab\u00a0A\u00a0\u00bb \u00e0 c\u00f4t\u00e9. Pour terminer, faites glisser le bouton \u00ab\u00a0S\u00e9lectionner\u00a0\u00bb. Cliquez sur \u00ab\u00a0Ok\u00a0\u00bb et \u00ab\u00a0Ok\u00a0\u00bb pour terminer la cr\u00e9ation de votre \u00e9v\u00e9nement.  <\/span><\/span>\n<div class=\"embed-container\" style=\"padding-bottom: 56%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767992867\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">S\u00e9lectionnez le bouton \u00ab\u00a0Effacer\u00a0\u00bb, acc\u00e9dez \u00e0 la palette des \u00e9v\u00e9nements et cliquez sur \u00ab\u00a0Ajouter un \u00e9v\u00e9nement\u00a0\u00bb.<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Dans la bo\u00eete de dialogue, cliquez sur \u00ab\u00a0Choose Trigger\u00a0\u00bb, survolez la section \u00ab\u00a0Mouse\u00a0\u00bb et s\u00e9lectionnez \u00ab\u00a0on Click\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Dans \u00ab\u00a0Choose Action\u00a0\u00bb, s\u00e9lectionnez \u00ab\u00a0Set value to an element\u00a0\u00bb et cliquez sur votre \u00ab\u00a0Data list\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Laissez la valeur \u00ab\u00a0De la base de donn\u00e9es actuelle\u00a0\u00bb.  <\/span>Cliquez sur \u00ab\u00a0Ok\u00a0\u00bb pour terminer la cr\u00e9ation de votre \u00e9v\u00e9nement.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71261\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/advanced-search-12.png\" alt=\"\" width=\"842\" height=\"341\"><\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Simulez votre prototype.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cette fonctionnalit\u00e9 permet d&rsquo;effectuer une recherche avanc\u00e9e sur la base de plusieurs crit\u00e8res. Voici comment le construire : Voir Allez dans la palette Ma\u00eetrise des donn\u00e9es&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8426,8428],"tags":[],"class_list":["post-124672","post","type-post","status-publish","format-standard","hentry","category-comment-faire","category-formulaires-et-donnees-fr"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124672"}],"collection":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/comments?post=124672"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124672\/revisions"}],"predecessor-version":[{"id":126199,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124672\/revisions\/126199"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=124672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/categories?post=124672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=124672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}