Maison > interface Web > js tutoriel > Une brève discussion sur la méthode d'édition de la grille arborescente dans EasyUI_jquery

Une brève discussion sur la méthode d'édition de la grille arborescente dans EasyUI_jquery

WBOY
Libérer: 2016-05-16 16:11:57
original
1114 Les gens l'ont consulté

Table maître-esclave, la table esclave est une grille arborescente. Après avoir chargé les données, cliquez sur le nœud pour entrer dans l'état d'édition.

Copier le code Le code est le suivant :

colonnes : [ [ {
            titre : "ID",
            champ : "id",
            caché : vrai
        }, {
            champ : "pid",
            caché : vrai
        },  {
            titre : "AAA",
            champ : "aaa",
            largeur : 70,
            aligner : "centre",
            halign : "centre"
        }, {
            titre : "BBB",
            champ : "bbb",
            largeur : 70,
            aligner : "centre",
            halign : "centre",
            éditeur : {
                tapez : "combobox",
                options : {
                    données : [ {
                        "identifiant" : 0,
                        "text" : "苹果"
                    }, {
                        "identifiant" : 1,
                        "text" : "梨子"
                    } ],
                    valueField : 'id',
                    textField : 'texte',
                    modifiable : faux,
                    // obligatoire : vrai,
                    panelHeight : "auto",
                    message manquant : "请选择水果",
                    onSelect : fonction (enregistrement) {
                        //editingId是进入编辑状态行的id
                        var editors = $('#grid').datagrid('getEditors', $('#editingId').val());
                        if(record.id == 1){//选择梨子
                            var feditor = editors[1];//一行中第二个编辑框
                            //将编辑框设置成必填
$(feditor.target).validatebox({required:true});
//Définissez la zone d'édition sur modifiable
                                                                                                                                                                                                                                                                                                                        var feditor2 = editors[2];//La troisième zone d'édition sur une ligne
$(feditor2.target).validatebox({required:true});
                                                                                                                                                                                                                                                                                 }else if(record.id == 0){//Sélectionnez Apple
                                                                                                                                                                                                           $(feditor.target).validatebox({required:false});
$(feditor.target).validatebox("setValue","");
                                                                                                                                                                                                                                                                                         $(feditor2.target).validatebox({required:false});
$(feditor2.target).validatebox("setValue","");
                                                                                                          }                     },
                }
            }
>



Activer le statut d'édition

Copier le code

Ce qui précède est la méthode d'édition de la grille arborescente dans EasyUI. J'espère que vous l'aimerez.
É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