Maison > interface Web > js tutoriel > Exemples de didacticiels sur la façon d'implémenter la fonction de sélection radio jstree

Exemples de didacticiels sur la façon d'implémenter la fonction de sélection radio jstree

零下一度
Libérer: 2017-06-17 17:26:45
original
2087 Les gens l'ont consulté

Cet article présente principalement la méthode de mise en œuvre de la fonction de sélection radio arborescente jsLes amis qui en ont besoin peuvent se référer à

lors du choix d'un département, car tout le monde y est. Il n'y a qu'un seul département, une seule sélection est donc requise.

Ajoutez "multiple”: false,

au noyau de jstree. Notez qu'il est écrit dans le noyau

comme indiqué ci-dessous


'plugins': ["wholerow", "checkbox", "types"],
'core': {
    "multiple": false,//单选
    "themes": {
       "responsive": false
    },
Copier après la connexion

Si vous sélectionnez uniquement des nœuds enfants, il n'y a aucun problème dans cette implémentation

Exemples de didacticiels sur la façon dimplémenter la fonction de sélection radio jstree

Remarque : Si. vous sélectionnez le nœud parent. , les nœuds enfants suivants seront toujours sélectionnés

Exemples de didacticiels sur la façon dimplémenter la fonction de sélection radio jstree

Si vous souhaitez sélectionner le nœud parent sans sélectionner tous les nœuds enfants, vous devez ajoutez la phrase suivante


"checkbox": {
        "three_state": false
      },
Copier après la connexion

Notez que c'est au même niveau que les plugins et le core


'plugins': ["wholerow", "checkbox", "types"],
'checkbox': {
     "three_state": false//父子级不关联选中
 },
'core': {
   "multiple": false,//单选
   "themes": {
   "responsive": false
 },
Copier après la connexion

L'effet est le suivant :

Exemples de didacticiels sur la façon dimplémenter la fonction de sélection radio jstree

Vous pouvez voir que le nœud parent est sélectionné, mais le nœud enfant n'est plus sélectionné.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal