Ajouter une table de gestion WordPress au plug in en utilisant WP _ List table

Ress est implémenté en utilisant la classe wp u List u table située dans WP admin includes class WP List table. Php. Il fournit la structure nécessaire pour afficher lamp;rsquoinformation sous forme de tableau et manipuler les données visuellement. Voici un aperçu des tableaux de gestion WordPress typiques:
Vous remarquerez les opérations de masse familières, les opérations de ligne avec des liens de curseur de souris, la mise en page et les options d’écran qui font partie intégrante de WordPress. Bien que les options damp;rsquoécran ne fassent pas directement partie de la table wp u List U, elles fonctionnent en étroite collaboration avec la table wp u List U. Ils permettent de contrôler la visibilité et la disposition des colonnes en limitant les informations affichées sur la page. Quand puis je utiliser les tables de gestion WordPress? Ce n’est pas parce que l’api WordPress offre un moyen de créer des tables de liste natives que devez les utiliser. À mon avis, l’expérience utilisateur devrait être un facteur important dans la décision d’utiliser les tables de gestion fournies par WordPress. Avec la classe wp u List u table, WordPress propose des styles d’interface utilisateur de table. La familiarité avec la gestion des tables (tous WordPress) et l’apparence Native sont des éléments qui aideront certainement les utilisateurs à interagir avec les données des tables en douceur.
Analyse de la classe WP _ List table depuis sa création dans la version 3.1.0 de WordPress, la classe WP List table est de plus en plus populaire auprès des développeurs. La référence de classe WordPress Codex pour la table WP _ List fournit des informations complètes sur ses méthodes, propriétés et utilisations. Le diagramme damp;rsquoinformation suivant donne un aperçu des éléments constitutifs damp;rsquoune table de gestion dans une référence de classe. Composants de la table WP _ List la table de gestion plus complexe comprend également des filtres
Idéal, car je peux simplement ajouter des fonctionnalités à la page utilisateur WordPress par défaut en utilisant l’action user _ row operation Cependant, son but est damp;rsquoimplémenter le tableau de liste à partir de zéro. On y va. Héritez de la classe WP _ List table pour créer des tables de gestion, devez définir une sous classe dans le plug in pour étendre la classe de base WP List table fournie par WordPress. Par conséquent, lamp;rsquoune des premières choses que devriez faire est de copier le fichier de table de liste de classe WP. PHP est sous WP admin includes in du plug in. Je le recommande fortement, car la classe principale est marquée comme privée, de sorte que tout changement que WordPress pourrait apporter à cette classe ou à ses méthodes ne perturbera pas votre plug in.
Dans mon plug in, jamp;rsquoa i copié le fichier dans Inc Libraries et ajouté une directive damp;rsquoespace de noms. namp;rsquoutilisez pas damp;rsquoespace de noms, devez ajouter un préfixe à tout le contenu. Copiez le fichier de classe de table de liste WP et définissez ma sous classe PHP user _ List table dans la table de liste damp;rsquoutilisateurs Inc admin class. Php, qui étend la classe de base WP _ List table au dossier Inc Libraries du plug in. Charger le fragment essentiel de signalisation numérique studio 1a20f57739723e11cf8d1cf7d02786 est une implémentation de base qui doit être écrasée par deux méthodes. Bien sûr, il y a beaucoup de choses à faire dans la classe damp;rsquoenfants, mais je veux damp;rsquoabord voir une liste vide.
Le tableau de liste est rendu et pouvez choisir damp;rsquoajouter des constructeurs et damp;rsquoautres méthodes à la Sous classe Cependant, je préfère damp;rsquoabord présenter une liste vide. Jamp;rsquoai trouvé cette approche descendante très efficace parce que je pouvais voir la sortie de la liste à chaque étape, ce qui a facilité lamp;rsquoélimination de tout bogue potentiel. Le rendu damp;rsquoune liste nécessite généralement trois étapes: lamp;rsquoInstanciation damp;rsquoune sous classe de liste appelle prepare _ items () – C
Il gère la préparation des données avant de rendre la table call display (), qui est en fait le processus de rendu de la table. Les deux méthodes démarrent la roue de contrôle. Regardons où et comment ces méthodes sont appelées dans le plug in.
Ajouter un plug in de page de menu le plug in de page de menu a une page de sous menu dans lamp;rsquoutilisateur où la table de liste damp;rsquoutilisateurs personnalisée est affichée. Liste des tables menu page pour voir comment jamp;rsquoai ajouté une page de sous menu utilisateur, voir la méthode define _ admin Hooks () dans Inc CORE class init. Méthodes add _ plugin admin menu () en PHP et INC admin class admin. Php du plug in. Résumé chargement de numacedesignstudio 449e2abc804ef22ac5a09a7c2a4b3 Veuillez noter que le rappel Load _ user List table () pour add Users page (). Camp;rsquoest là que les méthodes prepare _ items () et display () sont appelées. Cependant, jamp;rsquoinstancie une sous classe dans Load _ user List table Screen options () qui est un rappel pour un crochet de page. Il fonctionne avant le chargement de la page plug in, où la création d’une instance de la classe my Child permettra à WordPress d’ajouter automatiquement des colonnes de liste dans le panneau d’options de l’écran. Les options damp;rsquoécran pour contrôler la mise en page dans la liste sont également ajoutées ici. Chargement de numacedesignstudio 1975a5725cb4978606f657dffba58ccf Veuillez également noter que si souhaitez utiliser des fonctions telles que les opérations par lots, devez inclure display () dans le formulaire HTML. Je namp;rsquoaime pas mélanger le HTML, camp;rsquoest pourquoi jamp;rsquoutilise la directive include _ once pour charger une partie de lamp;rsquoaffichage de démonstration de la liste WP. Php qui appelle finalement la méthode. Téléchargement de numacedesignstudio ff386ed565aee2039719f3353dd0e152 vérification de la configuration de la liste de base lorsque j’ouvre la page plug in dans le menu utilisateur, WordPress remarque qu’un onglet est demandé
Comme aucune donnée namp;rsquoa été fournie, un message « aucun élément trouvé » apparaît dans la liste. La table de liste des utilisateurs de Barebone enregistre comment WordPress remplit les éléments de formulaire HTML et la table de liste dans la vue d’inspection. Il ajoute également automatiquement des attributs de classe pour contrôler que les styles sont conformes aux normes de l’interface utilisateur WordPress. Après avoir rendu correctement la table, regardons damp;rsquoautres façons de compléter la table de liste des utilisateurs. Note: À ce stade, WordPress générera de nombreux avertissements dans le journal de débogage en raison de l’implémentation incomplète des sous classes. Utilisez le plugin comme développeur pour suivre les journaux WordPress. La méthode de réécriture de classe WP _ List table continue damp;rsquoutiliser la méthode descendante, et je continue damp;rsquoajouter des colonnes de table. Pour ce faire, devez écraser get _ Columns () dans la Sous classe. WP _ List table:: get Columns () Cette méthode implique un tableau contenant des paires de valeurs clés où la clé est le curseur de colonne et la valeur est le texte de lamp;rsquoen tête de colonne dans le tableau de liste. Chargement du composite Numerical signal studio f92484 ed8a2f1e7046b4 fe350c0b87e6 Veuillez noter la colonne CB, qui est une colonne spéciale qui affiche la case à cocher pour les opérations par lots. Jamp;rsquoai également modifié le message
E opérations de données telles que la recherche, le tri, la pagination, le filtrage, etc. Le tableau doit être géré ici avant damp;rsquoêtre affiché. Pour charger les données de table, j’interroge la base de données WordPress dans Fetch _ Table Data (), qui stocke les résultats dans un tableau et les assigne à la variable parent items. Le chargement de nuancedesignstudio baa43ea0882c5aeb6d5173053470e927 est évident en un coup damp;rsquooeil, mais il ne suffit pas damp;rsquoafficher les données dans le tableau. Pour compléter la visualisation, devez également fournir une implémentation spécifique de column * () en utilisant la méthode column * (). WP _ List table:: column default () dans la méthode Get Columns () ci dessus, jamp;rsquoai fourni un Slug de colonne pour chaque colonne. Ces bouchons peuvent être utilisés pour identifier des méthodes pour chaque colonne. Bien quamp;rsquoil soit bon de fournir une méthode propre à chaque colonne, pouvez aussi simplement utiliser la méthode column _ default (). Lorsquamp;rsquoune méthode spécifique namp;rsquoest pas trouvée dans une colonne, la classe wp u List u table est par défaut column u default (). Téléchargez le numéro de signature studio 32a33a50f39743617ae29f0aeaafbad1 pour générer une colonne, et je peux voir les données dans la liste. Liste des données du tableau après lamp;rsquoajout de la méthode WP _ List table:: column CB () column default () une implémentation de column CB () est également nécessaire si souhaitez utiliser les opérations dans column CB () pour traiter les lignes, ce qui est un cas particulier damp;rsquoune méthode spécifique à une colonne. Télécharger le numéro damp;rsquoinscription studio 112d1afec60fb67927537007053852 ceci crée une case à cocher pour toutes les lignes de ma liste. Les valeurs des champs de la case à cocher doivent être uniques, comme lamp;rsquoutilisateur _ login ou lamp;rsquoid, afin que lamp;rsquoenregistrement puisse être clairement identifié. Jamp;rsquoai ensuite ajouté le support pour le tri et la pagination
La recherche peut être effectuée par $_ request [amp;lsquosamp;rsquo]. Dans mon exemple, jamp;rsquoai manipulé le tableau des résultats en utilisant Array _ Filter et les touches de recherche. Résumé chargement du tableau de liste wp u de nuancedesignstudio 6b77dc8ddf5d5567c9e0e65e3fd3e610:: ajout de lamp;rsquoopération get _ Bull actions () dans get Bull actions () pour écraser get Bull actions (), qui doit être spécifiée dans le tableau associatif. La gestion des opérations réelles doit être effectuée dans prepare _ items (). Le chargement dans le studio de signalisation numérique be373a33f5b3d6078df0e8fb058b9276 Action 2 Action 2 sera défini à deux variables damp;rsquoaction et damp;rsquoaction 2. Cette valeur dépend du bloc damp;rsquoopération par lots appliqué, camp;rsquoest à dire le bloc au dessus ou au dessous du tableau. Dans la table de liste de mon plug in, lamp;rsquoappel à la méthode Handle _ table actions () dans prepare items () traite les actions de lamp;rsquoutilisateur. Une fois que nonce a été vérifié, jamp;rsquoai chargé la table de liste WP partielle Demo Bulk . Gérer les opérations par lots sous Inc admin views php. Enfin, jamp;rsquoai ajouté des liens pour les opérations de ligne de tableau. Ajouter un lien damp;rsquoaction de ligne à une liste pour ajouter un lien à une action de ligne, devez fournir une implémentation spécifique de colonne pour la colonne de tableau où le lien damp;rsquoaction doit être affiché. Dans mon plug in, jamp;rsquoai ajouté deux liens damp;rsquoaction: ajouter Meta et voir META dans la colonne user _ login. Télécharger le numéro damp;rsquoidentification studio d92c7b037b8a9496ed0b86beb1392e90 dans mon exemple, lamp;rsquoID utilisateur, la nonce personnalisée et lamp;rsquoaction sont fournis dans le cadre des paramètres de lamp;rsquoURL lors de lamp;rsquoexécution damp;rsquoune opération de ligne. Utilisateurs. Php? Page = NDS WP List table Demo amp;amp Action = view _ usermeta amp;amp User ID = 11 amp;amp u wpnonce = 9c38dd6c2c ceux ci sont utilisés pour gérer les actions de lamp;rsquoutilisateur dans prepare items (). Jamp;rsquoai traité les opérations de ligne avec la même méthode Handle _ table

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins