Champs de sac à dos Laravel - fonctionnalité select_from_array

J'utilise un sac à dos Laravel. Avoir créé un nouveau formulaire de demande. Avoir créé plusieurs champs parmi lesquels choisir en utilisant 'select_from_array' :

$this->crud->field('range')->type('select_from_array)->label(__('number range'))
 ->options(Group::NUMBER_RANGE);
$this->crud->field('range1')->type('select_from_array)->label(__('letter range'))
 ->options(Group::LETTER_RANGE);
$this->crud->field('range2')->type('select_from_array)->label(__('symbol range'))
 ->options(Group::SYMBOL_RANGE);

Par exemple, chaque champ a 3 valeurs déroulantes parmi lesquelles choisir (pour le rendre plus clair, disons que la plage de nombres a 1/2/3, puis la plage de lettres a A/B/C, et la plage de symboles a Soleil/Lune/Vent ).

Je veux appliquer cette fonctionnalité - si dans la plage de nombres je sélectionne 1, je veux que cette plage de lettres me montre juste A et B (et C devrait disparaître des choix de valeur), et la plage de symboles me montre juste Wind. Ou si je choisis la plage de lettres de champ et que je choisis la valeur d'option BI, je veux que ce champ de plage de symboles me montre juste Sun.

En général, je veux que les champs réagissent les uns avec les autres en fonction des choix que j'ai faits sur le champ précédent, le champ suivant affichera différentes options parmi lesquelles je pourrais choisir.

Comment puis-je faire ceci?

Merci d'avance:)


Solution du problème

Le sac à dos ne facilite pas actuellement la tâche, mais cela ne la rend pas difficile non plus.

Option A - javascript

Vous pouvez pousser un peu de javascript sur la page, en utilisant le script widget, qui fera tout ce que vous voulez, y compris cette fonctionnalité.


Widget::add()->type('script')->content('assets/js/admin/request_form.js');

Il y a une demande d'extraction active essayant de faciliter l'interaction avec les champs sur le front-end également ( PR #4312 ) mais jusqu'à ce que cela soit fusionné, vous pouvez utiliser vanilla JS ou jQuery pour faire ce que vous voulez.

Option B - select2_from_ajax

Alternativement, vous pouvez utiliser le type de champ select2_from_ajax, qui vous permet de le faire en utilisant l'attribut « dépendant ». Étant donné que vous contrôlez le point de terminaison AJAX, vous pouvez renvoyer des résultats différents en fonction des autres choix de formulaire.

Mais:


  • Je pense que faire de ces 3 sélections des requêtes AJAX est exagéré, alors qu'un peu de JS peut faire la même chose pour les sélections régulières;

  • Il s'agit d'un champ PRO, il n'est donc disponible que si vous avez acheté l'addon PRO;

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

Erreur Symfony : "Une exception a été levée lors du rendu d'un modèle"

j'essaie d'inclure <link href="{{ asset('css/mystyle.css') }}" rel="stylesheet"/> dans mon fichier twig et le rendre. Mais cela me donne une exception PHP non interceptée Twig_Error_Runtime : "Une exception a été levée lors du rendu d'un modèle ("Le fichier manifeste de l'actif "/../public/build/manifest.json" n'existe pas.") ça marche quand j'utilise link href="css/mystyle.css" rel="stylesheet"/> . Voici mon contrôleur: <?php namespace App\Controller; use Symfony\Component\Routing\Annotation\Route; use Symfony\Bundle\FrameworkBundle\Controller\AbstractController; use Symfony\Component\HttpFoundation\Response; class WelcomeController extends AbstractController { /** * @Route("/", name="welcome") */ public function index() { return $this->render('welcome/index.html.twig'); } } Voici mon modèle de brindille : <!doctype html> ...
Lire la suite

Détecter les appuis sur les touches fléchées en JavaScript

Comment détecter l'appui sur l'une des touches fléchées ? J'en ai profité pour savoir: function checkKey(e) { var event = window.event? window.event: e; console.log(event.keyCode) } Bien que cela fonctionnait pour toutes les autres touches, ce n'était pas le cas pour les touches fléchées (peut-être parce que le navigateur est censé faire défiler ces touches par défaut). Solution du problème event.key === "Flèche droite"... Plus récent et beaucoup plus propre: utilisez event.key . Plus de codes numériques arbitraires ! Si vous transpilez ou savez que vos utilisateurs utilisent tous des navigateurs modernes, utilisez ceci ! node.addEventListener('keydown', function(event) { const key = event.key; // "ArrowRight", "ArrowLeft", "ArrowUp", or "ArrowDown" }); Gestion détaillée : switch (event.key) { case "ArrowLeft": // Left pressed break; case "ArrowRight": // Right pressed break; c...
Lire la suite

Une chaîne vide donne "Des erreurs ont été détectées dans les arguments de la ligne de commande, veuillez vous assurer que tous les arguments sont correctement définis"

Image
Sur un serveur SQL 2016, j'ai un travail qui appelle un package SSIS. Ce package se trouve dans un projet dans la SSISDB et a des paramètres. L'un de ces paramètres est un type de chaîne vide par défaut. J'ai exécuté le travail avec la valeur vide pour ce paramètre, et il s'est exécuté avec succès. J'ai ensuite ouvert les propriétés du travail, je suis allé à l'étape qui appelle ce package et je suis entré dans la configuration et j'ai donné une valeur à ce paramètre. J'ai exécuté à nouveau le travail et il s'est exécuté avec succès, et la valeur du paramètre a eu l'effet attendu sur les résultats. Maintenant, je veux modifier le travail et redéfinir le paramètre sur une chaîne vide. En répétant ce que j'ai fait ci-dessus, j'ouvre la configuration et supprime complètement la valeur du paramètre. Lorsque j'essaie ensuite d'enregistrer les propriétés de l'étape du travail, j'obtiens une boîte de dialogue d'erreur a...
Lire la suite