Discussion :

[Pelote2012]

Bonjour,

Juste Pour info, car j'ai bien cherché
Je veux une select avec un affichage :
Parent1
|---Child1
|---Child2
| |---Child21
| | |---Child211
| |---Child22
Parent2
...

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
$(function () {
    GetlstParents();
    $("#lstFiltreFamParent").selectmenu().selectmenu("menuWidget").addClass("lstFiltreoverflow");
 
    });
 
    function GetlstParents() {
    $.ajax({
        type: "POST",
        url: "/Classement/Interne.aspx/GetlstParents",
        data: '{"PageEnCours":"' + document.location.href.toString() + '"}',
        contentType: 'application/json; charset=utf-8',
        dataType: "json",
        success: function (msg) {
            if (msg.d.Retour.Reussi) { BuildLstParents(msg.d.LstParents); }
            else { AfficheMsgRetour(msg.d.Retour); }
        },
        error: function () { AfficheMsgRetour({ Reussi: false, Titre: "Liste des classements   parents", Msg: "Erreur accès fonction." }); }
    });
    }
 
    function BuildLstParents(Lst) {
    var LaList = $("#lstFiltreFamParent");
    $('option', "#lstFiltreFamParent").remove();
    //var Spacelst = "|     ";
    var Spacelst = "|         ";
    $.each(Lst, function (i, item) {
        LaList.append($('<option>', { value: item.Id,  text: Spacelst.repeat(item.Depth -1) +"|--- " +  item.DisplayName }));
    });
    }

Mais les espaces sont rabougris et l'affichage pas comme je veux. Je peux ajouter tous les espaces que je veux, ça reste pareil.

[Pelote2012]

La solution

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function BuildLstParents(Lst) {
    var LaList = $("#lstFiltreFamParent");
    $('option', "#lstFiltreFamParent").remove();
    var Spacelst = "|      ";
    $.each(Lst, function (i, item) { $('<option id="' + item.Id + '">' + Spacelst.repeat(item.Depth - 1) + "|--- " + item.DisplayName.capitalize() + '</option>').appendTo(LaList); });
}

utiliser"&nbps;" au lieu de " "