[{"data":1,"prerenderedAt":1607},["ShallowReactive",2],{"\u002Fnext\u002Fdodock\u002Fdeveloppeurs\u002Fcomposants-ui\u002Flist-molecule":3,"section:\u002Fnext\u002Fdodock\u002Fdeveloppeurs\u002Fcomposants-ui\u002Flist-molecule":1606},{"id":4,"title":5,"body":6,"description":1590,"extension":1591,"meta":1592,"navigation":1089,"path":1602,"seo":1603,"stem":1604,"__hash__":1605},"docs\u002F2.next\u002F3.dodock\u002F10.developpeurs\u002F03.composants-ui\u002Flist-molecule.md","Molecule List",{"type":7,"value":8,"toc":1584},"minimark",[9,13,22,72,91,103,158,164,331,379,419,441,446,548,570,575,625,631,635,1574,1580],[10,11,5],"h1",{"id":12},"molecule-list",[14,15,16,17,21],"p",{},"Le sous-chemin ",[18,19,20],"code",{},"@framework\u002Fui\u002Fexperimental\u002FList"," fournit trois composants Vue pour une page de liste :",[23,24,25,38],"table",{},[26,27,28],"thead",{},[29,30,31,35],"tr",{},[32,33,34],"th",{},"Composant",[32,36,37],{},"Rôle",[39,40,41,52,62],"tbody",{},[29,42,43,49],{},[44,45,46],"td",{},[18,47,48],{},"List",[44,50,51],{},"Tableau : en-têtes, lignes, tri, sélection, redimensionnement des colonnes.",[29,53,54,59],{},[44,55,56],{},[18,57,58],{},"ListFooter",[44,60,61],{},"Pied de liste : compteur « N sur M », taille de page, bouton « Charger plus ».",[29,63,64,69],{},[44,65,66],{},[18,67,68],{},"ListBulkBar",[44,70,71],{},"Barre flottante d'actions groupées, visible quand des lignes sont sélectionnées.",[14,73,74,75,78,79,82,83,86,87,90],{},"Les trois composants affichent des données. Ils ne chargent rien. Votre page charge les lignes, garde l'état et passe les mêmes colonnes (",[18,76,77],{},"Column[]",") et le même tri (",[18,80,81],{},"Sort[]",") que les contrôles ",[18,84,85],{},"ColumnSettings"," et ",[18,88,89],{},"SortBy",".",[92,93,96],"callout",{"color":94,"icon":95},"warning","i-lucide-flask-conical",[14,97,98,99,102],{},"Ce module est expérimental. Son API peut changer sans période de dépréciation. Le module ",[18,100,101],{},"ListView"," reste disponible.",[104,105,110],"pre",{"className":106,"code":107,"language":108,"meta":109,"style":109},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { List, ListFooter, ListBulkBar } from \"@framework\u002Fui\u002Fexperimental\u002FList\";\n","js","",[18,111,112],{"__ignoreMap":109},[113,114,117,121,125,129,132,135,137,140,143,146,149,152,155],"span",{"class":115,"line":116},"line",1,[113,118,120],{"class":119},"s7zQu","import",[113,122,124],{"class":123},"sMK4o"," {",[113,126,128],{"class":127},"sTEyZ"," List",[113,130,131],{"class":123},",",[113,133,134],{"class":127}," ListFooter",[113,136,131],{"class":123},[113,138,139],{"class":127}," ListBulkBar",[113,141,142],{"class":123}," }",[113,144,145],{"class":119}," from",[113,147,148],{"class":123}," \"",[113,150,20],{"class":151},"sfazB",[113,153,154],{"class":123},"\"",[113,156,157],{"class":123},";\n",[159,160,162],"h2",{"id":161},"list",[18,163,48],{},[23,165,166,181],{},[26,167,168],{},[29,169,170,173,176,179],{},[32,171,172],{},"Propriété",[32,174,175],{},"Type",[32,177,178],{},"Défaut",[32,180,37],{},[39,182,183,218,237,257,277,297,315],{},[29,184,185,190,195,200],{},[44,186,187],{},[18,188,189],{},"columns",[44,191,192],{},[18,193,194],{},"ListColumn[]",[44,196,197],{},[18,198,199],{},"[]",[44,201,202,203,206,207,210,211,214,215,90],{},"Colonnes : ",[18,204,205],{},"{ fieldname, label, width?, align? }",". ",[18,208,209],{},"align"," vaut ",[18,212,213],{},"left"," ou ",[18,216,217],{},"right",[29,219,220,225,230,234],{},[44,221,222],{},[18,223,224],{},"rows",[44,226,227],{},[18,228,229],{},"object[]",[44,231,232],{},[18,233,199],{},[44,235,236],{},"Lignes à afficher.",[29,238,239,244,249,254],{},[44,240,241],{},[18,242,243],{},"rowKey",[44,245,246],{},[18,247,248],{},"string",[44,250,251],{},[18,252,253],{},"\"name\"",[44,255,256],{},"Propriété qui identifie une ligne, pour la sélection.",[29,258,259,264,269,274],{},[44,260,261],{},[18,262,263],{},"loading",[44,265,266],{},[18,267,268],{},"boolean",[44,270,271],{},[18,272,273],{},"false",[44,275,276],{},"Affiche des lignes squelettes.",[29,278,279,284,289,294],{},[44,280,281],{},[18,282,283],{},"rowHeight",[44,285,286],{},[18,287,288],{},"number",[44,290,291],{},[18,292,293],{},"40",[44,295,296],{},"Hauteur fixe d'une ligne, en pixels. Nécessaire pour l'affichage virtuel des lignes.",[29,298,299,304,309,312],{},[44,300,301],{},[18,302,303],{},"rowLink",[44,305,306],{},[18,307,308],{},"(row) => RouteLocationRaw",[44,310,311],{},"—",[44,313,314],{},"Route ouverte par une ligne. Chaque ligne devient alors un lien : le clic du milieu et « Copier le lien » fonctionnent.",[29,316,317,322,326,328],{},[44,318,319],{},[18,320,321],{},"gutter",[44,323,324],{},[18,325,248],{},[44,327,311],{},[44,329,330],{},"Marge latérale, en longueur CSS.",[23,332,333,344],{},[26,334,335],{},[29,336,337,340,342],{},[32,338,339],{},"Modèle",[32,341,175],{},[32,343,37],{},[39,345,346,361],{},[29,347,348,353,358],{},[44,349,350],{},[18,351,352],{},"v-model:selection",[44,354,355],{},[18,356,357],{},"string[]",[44,359,360],{},"Clés des lignes cochées. Ajoute la colonne de cases à cocher.",[29,362,363,368,372],{},[44,364,365],{},[18,366,367],{},"v-model:sort",[44,369,370],{},[18,371,81],{},[44,373,374,375,378],{},"Tri : ",[18,376,377],{},"{ fieldname, direction: \"asc\" | \"desc\" }",". Un clic sur un en-tête met la colonne en tri principal. Un deuxième clic inverse l'ordre.",[23,380,381,391],{},[26,382,383],{},[29,384,385,388],{},[32,386,387],{},"Événement",[32,389,390],{},"Contenu",[39,392,393,406],{},[29,394,395,400],{},[44,396,397],{},[18,398,399],{},"column-resize",[44,401,402,405],{},[18,403,404],{},"{ fieldname, width }"," après un redimensionnement.",[29,407,408,413],{},[44,409,410],{},[18,411,412],{},"column-reset",[44,414,415,418],{},[18,416,417],{},"{ fieldname }"," après un double-clic sur la poignée. La colonne reprend une largeur automatique.",[14,420,421,422,425,426,429,430,429,433,436,437,440],{},"Emplacements : ",[18,423,424],{},"#cell"," (reçoit ",[18,427,428],{},"row",", ",[18,431,432],{},"column",[18,434,435],{},"value",") et ",[18,438,439],{},"#empty"," (aucune ligne).",[159,442,444],{"id":443},"listfooter",[18,445,58],{},[23,447,448,458],{},[26,449,450],{},[29,451,452,454,456],{},[32,453,172],{},[32,455,178],{},[32,457,37],{},[39,459,460,475,489,507,521,533],{},[29,461,462,467,472],{},[44,463,464],{},[18,465,466],{},"rowCount",[44,468,469],{},[18,470,471],{},"0",[44,473,474],{},"Nombre de lignes chargées.",[29,476,477,482,486],{},[44,478,479],{},[18,480,481],{},"totalCount",[44,483,484],{},[18,485,471],{},[44,487,488],{},"Nombre total de lignes.",[29,490,491,496,500],{},[44,492,493],{},[18,494,495],{},"hasCounts",[44,497,498],{},[18,499,273],{},[44,501,502,503,506],{},"Mettez ",[18,504,505],{},"true"," après la première réponse. Avant, le pied affiche un emplacement vide plutôt que « 0 sur 0 ».",[29,508,509,514,518],{},[44,510,511],{},[18,512,513],{},"totalCapped",[44,515,516],{},[18,517,273],{},[44,519,520],{},"Le total est un minimum : il s'affiche suivi de « + ».",[29,522,523,528,530],{},[44,524,525],{},[18,526,527],{},"hasNextPage",[44,529,311],{},[44,531,532],{},"Affiche le bouton « Charger plus ». Sans valeur, les compteurs décident.",[29,534,535,540,545],{},[44,536,537],{},[18,538,539],{},"pageSizeOptions",[44,541,542],{},[18,543,544],{},"[20, 100, 500, 2500]",[44,546,547],{},"Tailles de page proposées.",[14,549,550,551,554,555,558,559,562,563,566,567,569],{},"Modèle ",[18,552,553],{},"v-model:pageSize"," (défaut ",[18,556,557],{},"20","). Événements : ",[18,560,561],{},"load-more",", et ",[18,564,565],{},"page-size"," émis seulement quand l'utilisateur clique sur une taille. Écoutez ",[18,568,565],{}," pour distinguer un choix de l'utilisateur d'une valeur restaurée au chargement.",[159,571,573],{"id":572},"listbulkbar",[18,574,68],{},[23,576,577,586],{},[26,578,579],{},[29,580,581,584],{},[32,582,583],{},"Nom",[32,585,37],{},[39,587,588,597],{},[29,589,590,594],{},[44,591,592],{},[18,593,352],{},[44,595,596],{},"Clés sélectionnées. La barre s'affiche quand la liste n'est pas vide.",[29,598,599,604],{},[44,600,601],{},[18,602,603],{},"actions",[44,605,606,607,206,610,210,613,429,616,429,619,214,622,90],{},"Tableau de ",[18,608,609],{},"{ label, theme?, onClick(selection) }",[18,611,612],{},"theme",[18,614,615],{},"gray",[18,617,618],{},"blue",[18,620,621],{},"green",[18,623,624],{},"red",[14,626,627,628,90],{},"La barre affiche le nombre de lignes sélectionnées, les actions et un bouton pour vider la sélection. Elle est en position absolue : placez-la dans un conteneur ",[18,629,630],{},"position: relative",[159,632,634],{"id":633},"exemple","Exemple",[104,636,640],{"className":637,"code":638,"language":639,"meta":109,"style":109},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n    \u003Cdiv class=\"relative flex h-full flex-col\">\n        \u003CList\n            v-model:selection=\"selection\"\n            v-model:sort=\"sort\"\n            :columns=\"columns\"\n            :rows=\"rows.data ?? []\"\n            :loading=\"rows.loading\"\n            :row-link=\"(row) => ({ name: 'Customer', params: { name: row.name } })\"\n        \u002F>\n        \u003CListBulkBar\n            v-model:selection=\"selection\"\n            :actions=\"[{ label: 'Supprimer', theme: 'red', onClick: supprimer }]\"\n        \u002F>\n        \u003CListFooter\n            v-model:page-size=\"pageSize\"\n            :row-count=\"rows.data?.length ?? 0\"\n            :total-count=\"total\"\n            :has-counts=\"rows.fetched\"\n            @load-more=\"rows.next()\"\n        \u002F>\n    \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup>\nimport { ref } from \"vue\";\nimport { createListResource } from \"frappe-ui\";\nimport { List, ListFooter, ListBulkBar } from \"@framework\u002Fui\u002Fexperimental\u002FList\";\n\nconst columns = ref([\n    { fieldname: \"customer_name\", label: \"Nom\" },\n    { fieldname: \"customer_group\", label: \"Groupe de clients\", width: \"12rem\" },\n]);\nconst selection = ref([]);\nconst sort = ref([{ fieldname: \"modified\", direction: \"desc\" }]);\nconst pageSize = ref(20);\nconst total = ref(0);\n\nconst rows = createListResource({\n    doctype: \"Customer\",\n    fields: [\"name\", \"customer_name\", \"customer_group\"],\n    orderBy: \"modified desc\",\n    pageLength: pageSize.value,\n    auto: true,\n});\n\nfunction supprimer(keys) {\n    \u002F\u002F Exemple fictif : appelez ici votre méthode de suppression groupée.\n}\n\u003C\u002Fscript>\n","vue",[18,641,642,654,679,688,709,727,743,766,785,849,855,863,880,933,938,946,964,996,1013,1034,1059,1064,1074,1084,1091,1104,1126,1149,1178,1183,1199,1233,1278,1286,1303,1352,1373,1393,1398,1415,1432,1470,1487,1504,1518,1528,1533,1552,1559,1565],{"__ignoreMap":109},[113,643,644,647,651],{"class":115,"line":116},[113,645,646],{"class":123},"\u003C",[113,648,650],{"class":649},"swJcz","template",[113,652,653],{"class":123},">\n",[113,655,657,660,663,667,670,672,675,677],{"class":115,"line":656},2,[113,658,659],{"class":123},"    \u003C",[113,661,662],{"class":649},"div",[113,664,666],{"class":665},"spNyl"," class",[113,668,669],{"class":123},"=",[113,671,154],{"class":123},[113,673,674],{"class":151},"relative flex h-full flex-col",[113,676,154],{"class":123},[113,678,653],{"class":123},[113,680,682,685],{"class":115,"line":681},3,[113,683,684],{"class":123},"        \u003C",[113,686,687],{"class":649},"List\n",[113,689,691,694,697,700,702,704,706],{"class":115,"line":690},4,[113,692,693],{"class":665},"            v-model",[113,695,696],{"class":123},":",[113,698,699],{"class":665},"selection",[113,701,669],{"class":123},[113,703,154],{"class":123},[113,705,699],{"class":127},[113,707,708],{"class":123},"\"\n",[113,710,712,714,716,719,721,723,725],{"class":115,"line":711},5,[113,713,693],{"class":665},[113,715,696],{"class":123},[113,717,718],{"class":665},"sort",[113,720,669],{"class":123},[113,722,154],{"class":123},[113,724,718],{"class":127},[113,726,708],{"class":123},[113,728,730,733,735,737,739,741],{"class":115,"line":729},6,[113,731,732],{"class":123},"            :",[113,734,189],{"class":665},[113,736,669],{"class":123},[113,738,154],{"class":123},[113,740,189],{"class":127},[113,742,708],{"class":123},[113,744,746,748,750,752,754,756,758,761,764],{"class":115,"line":745},7,[113,747,732],{"class":123},[113,749,224],{"class":665},[113,751,669],{"class":123},[113,753,154],{"class":123},[113,755,224],{"class":127},[113,757,90],{"class":123},[113,759,760],{"class":127},"data",[113,762,763],{"class":123}," ?? []",[113,765,708],{"class":123},[113,767,769,771,773,775,777,779,781,783],{"class":115,"line":768},8,[113,770,732],{"class":123},[113,772,263],{"class":665},[113,774,669],{"class":123},[113,776,154],{"class":123},[113,778,224],{"class":127},[113,780,90],{"class":123},[113,782,263],{"class":127},[113,784,708],{"class":123},[113,786,788,790,793,795,797,800,803,806,809,812,815,818,821,824,826,828,831,834,836,838,840,842,844,847],{"class":115,"line":787},9,[113,789,732],{"class":123},[113,791,792],{"class":665},"row-link",[113,794,669],{"class":123},[113,796,154],{"class":123},[113,798,799],{"class":123},"(",[113,801,428],{"class":802},"sHdIc",[113,804,805],{"class":123},") ",[113,807,808],{"class":665},"=>",[113,810,811],{"class":123}," ({ ",[113,813,814],{"class":649},"name",[113,816,817],{"class":123},": ",[113,819,820],{"class":123},"'",[113,822,823],{"class":151},"Customer",[113,825,820],{"class":123},[113,827,429],{"class":123},[113,829,830],{"class":649},"params",[113,832,833],{"class":123},": { ",[113,835,814],{"class":649},[113,837,817],{"class":123},[113,839,428],{"class":127},[113,841,90],{"class":123},[113,843,814],{"class":127},[113,845,846],{"class":123}," } })",[113,848,708],{"class":123},[113,850,852],{"class":115,"line":851},10,[113,853,854],{"class":123},"        \u002F>\n",[113,856,858,860],{"class":115,"line":857},11,[113,859,684],{"class":123},[113,861,862],{"class":649},"ListBulkBar\n",[113,864,866,868,870,872,874,876,878],{"class":115,"line":865},12,[113,867,693],{"class":665},[113,869,696],{"class":123},[113,871,699],{"class":665},[113,873,669],{"class":123},[113,875,154],{"class":123},[113,877,699],{"class":127},[113,879,708],{"class":123},[113,881,883,885,887,889,891,894,897,899,901,904,906,908,910,912,914,916,918,920,923,925,928,931],{"class":115,"line":882},13,[113,884,732],{"class":123},[113,886,603],{"class":665},[113,888,669],{"class":123},[113,890,154],{"class":123},[113,892,893],{"class":123},"[{ ",[113,895,896],{"class":649},"label",[113,898,817],{"class":123},[113,900,820],{"class":123},[113,902,903],{"class":151},"Supprimer",[113,905,820],{"class":123},[113,907,429],{"class":123},[113,909,612],{"class":649},[113,911,817],{"class":123},[113,913,820],{"class":123},[113,915,624],{"class":151},[113,917,820],{"class":123},[113,919,429],{"class":123},[113,921,922],{"class":649},"onClick",[113,924,817],{"class":123},[113,926,927],{"class":127},"supprimer",[113,929,930],{"class":123}," }]",[113,932,708],{"class":123},[113,934,936],{"class":115,"line":935},14,[113,937,854],{"class":123},[113,939,941,943],{"class":115,"line":940},15,[113,942,684],{"class":123},[113,944,945],{"class":649},"ListFooter\n",[113,947,949,951,953,955,957,959,962],{"class":115,"line":948},16,[113,950,693],{"class":665},[113,952,696],{"class":123},[113,954,565],{"class":665},[113,956,669],{"class":123},[113,958,154],{"class":123},[113,960,961],{"class":127},"pageSize",[113,963,708],{"class":123},[113,965,967,969,972,974,976,978,980,982,985,988,991,994],{"class":115,"line":966},17,[113,968,732],{"class":123},[113,970,971],{"class":665},"row-count",[113,973,669],{"class":123},[113,975,154],{"class":123},[113,977,224],{"class":127},[113,979,90],{"class":123},[113,981,760],{"class":127},[113,983,984],{"class":123},"?.",[113,986,987],{"class":127},"length",[113,989,990],{"class":123}," ?? ",[113,992,471],{"class":993},"sbssI",[113,995,708],{"class":123},[113,997,999,1001,1004,1006,1008,1011],{"class":115,"line":998},18,[113,1000,732],{"class":123},[113,1002,1003],{"class":665},"total-count",[113,1005,669],{"class":123},[113,1007,154],{"class":123},[113,1009,1010],{"class":127},"total",[113,1012,708],{"class":123},[113,1014,1016,1018,1021,1023,1025,1027,1029,1032],{"class":115,"line":1015},19,[113,1017,732],{"class":123},[113,1019,1020],{"class":665},"has-counts",[113,1022,669],{"class":123},[113,1024,154],{"class":123},[113,1026,224],{"class":127},[113,1028,90],{"class":123},[113,1030,1031],{"class":127},"fetched",[113,1033,708],{"class":123},[113,1035,1037,1040,1042,1044,1046,1048,1050,1054,1057],{"class":115,"line":1036},20,[113,1038,1039],{"class":123},"            @",[113,1041,561],{"class":665},[113,1043,669],{"class":123},[113,1045,154],{"class":123},[113,1047,224],{"class":127},[113,1049,90],{"class":123},[113,1051,1053],{"class":1052},"s2Zo4","next",[113,1055,1056],{"class":123},"()",[113,1058,708],{"class":123},[113,1060,1062],{"class":115,"line":1061},21,[113,1063,854],{"class":123},[113,1065,1067,1070,1072],{"class":115,"line":1066},22,[113,1068,1069],{"class":123},"    \u003C\u002F",[113,1071,662],{"class":649},[113,1073,653],{"class":123},[113,1075,1077,1080,1082],{"class":115,"line":1076},23,[113,1078,1079],{"class":123},"\u003C\u002F",[113,1081,650],{"class":649},[113,1083,653],{"class":123},[113,1085,1087],{"class":115,"line":1086},24,[113,1088,1090],{"emptyLinePlaceholder":1089},true,"\n",[113,1092,1094,1096,1099,1102],{"class":115,"line":1093},25,[113,1095,646],{"class":123},[113,1097,1098],{"class":649},"script",[113,1100,1101],{"class":665}," setup",[113,1103,653],{"class":123},[113,1105,1107,1109,1111,1114,1116,1118,1120,1122,1124],{"class":115,"line":1106},26,[113,1108,120],{"class":119},[113,1110,124],{"class":123},[113,1112,1113],{"class":127}," ref",[113,1115,142],{"class":123},[113,1117,145],{"class":119},[113,1119,148],{"class":123},[113,1121,639],{"class":151},[113,1123,154],{"class":123},[113,1125,157],{"class":123},[113,1127,1129,1131,1133,1136,1138,1140,1142,1145,1147],{"class":115,"line":1128},27,[113,1130,120],{"class":119},[113,1132,124],{"class":123},[113,1134,1135],{"class":127}," createListResource",[113,1137,142],{"class":123},[113,1139,145],{"class":119},[113,1141,148],{"class":123},[113,1143,1144],{"class":151},"frappe-ui",[113,1146,154],{"class":123},[113,1148,157],{"class":123},[113,1150,1152,1154,1156,1158,1160,1162,1164,1166,1168,1170,1172,1174,1176],{"class":115,"line":1151},28,[113,1153,120],{"class":119},[113,1155,124],{"class":123},[113,1157,128],{"class":127},[113,1159,131],{"class":123},[113,1161,134],{"class":127},[113,1163,131],{"class":123},[113,1165,139],{"class":127},[113,1167,142],{"class":123},[113,1169,145],{"class":119},[113,1171,148],{"class":123},[113,1173,20],{"class":151},[113,1175,154],{"class":123},[113,1177,157],{"class":123},[113,1179,1181],{"class":115,"line":1180},29,[113,1182,1090],{"emptyLinePlaceholder":1089},[113,1184,1186,1189,1192,1194,1196],{"class":115,"line":1185},30,[113,1187,1188],{"class":665},"const",[113,1190,1191],{"class":127}," columns ",[113,1193,669],{"class":123},[113,1195,1113],{"class":1052},[113,1197,1198],{"class":127},"([\n",[113,1200,1202,1205,1208,1210,1212,1215,1217,1219,1222,1224,1226,1228,1230],{"class":115,"line":1201},31,[113,1203,1204],{"class":123},"    {",[113,1206,1207],{"class":649}," fieldname",[113,1209,696],{"class":123},[113,1211,148],{"class":123},[113,1213,1214],{"class":151},"customer_name",[113,1216,154],{"class":123},[113,1218,131],{"class":123},[113,1220,1221],{"class":649}," label",[113,1223,696],{"class":123},[113,1225,148],{"class":123},[113,1227,583],{"class":151},[113,1229,154],{"class":123},[113,1231,1232],{"class":123}," },\n",[113,1234,1236,1238,1240,1242,1244,1247,1249,1251,1253,1255,1257,1260,1262,1264,1267,1269,1271,1274,1276],{"class":115,"line":1235},32,[113,1237,1204],{"class":123},[113,1239,1207],{"class":649},[113,1241,696],{"class":123},[113,1243,148],{"class":123},[113,1245,1246],{"class":151},"customer_group",[113,1248,154],{"class":123},[113,1250,131],{"class":123},[113,1252,1221],{"class":649},[113,1254,696],{"class":123},[113,1256,148],{"class":123},[113,1258,1259],{"class":151},"Groupe de clients",[113,1261,154],{"class":123},[113,1263,131],{"class":123},[113,1265,1266],{"class":649}," width",[113,1268,696],{"class":123},[113,1270,148],{"class":123},[113,1272,1273],{"class":151},"12rem",[113,1275,154],{"class":123},[113,1277,1232],{"class":123},[113,1279,1281,1284],{"class":115,"line":1280},33,[113,1282,1283],{"class":127},"])",[113,1285,157],{"class":123},[113,1287,1289,1291,1294,1296,1298,1301],{"class":115,"line":1288},34,[113,1290,1188],{"class":665},[113,1292,1293],{"class":127}," selection ",[113,1295,669],{"class":123},[113,1297,1113],{"class":1052},[113,1299,1300],{"class":127},"([])",[113,1302,157],{"class":123},[113,1304,1306,1308,1311,1313,1315,1318,1321,1323,1325,1327,1330,1332,1334,1337,1339,1341,1344,1346,1348,1350],{"class":115,"line":1305},35,[113,1307,1188],{"class":665},[113,1309,1310],{"class":127}," sort ",[113,1312,669],{"class":123},[113,1314,1113],{"class":1052},[113,1316,1317],{"class":127},"([",[113,1319,1320],{"class":123},"{",[113,1322,1207],{"class":649},[113,1324,696],{"class":123},[113,1326,148],{"class":123},[113,1328,1329],{"class":151},"modified",[113,1331,154],{"class":123},[113,1333,131],{"class":123},[113,1335,1336],{"class":649}," direction",[113,1338,696],{"class":123},[113,1340,148],{"class":123},[113,1342,1343],{"class":151},"desc",[113,1345,154],{"class":123},[113,1347,142],{"class":123},[113,1349,1283],{"class":127},[113,1351,157],{"class":123},[113,1353,1355,1357,1360,1362,1364,1366,1368,1371],{"class":115,"line":1354},36,[113,1356,1188],{"class":665},[113,1358,1359],{"class":127}," pageSize ",[113,1361,669],{"class":123},[113,1363,1113],{"class":1052},[113,1365,799],{"class":127},[113,1367,557],{"class":993},[113,1369,1370],{"class":127},")",[113,1372,157],{"class":123},[113,1374,1376,1378,1381,1383,1385,1387,1389,1391],{"class":115,"line":1375},37,[113,1377,1188],{"class":665},[113,1379,1380],{"class":127}," total ",[113,1382,669],{"class":123},[113,1384,1113],{"class":1052},[113,1386,799],{"class":127},[113,1388,471],{"class":993},[113,1390,1370],{"class":127},[113,1392,157],{"class":123},[113,1394,1396],{"class":115,"line":1395},38,[113,1397,1090],{"emptyLinePlaceholder":1089},[113,1399,1401,1403,1406,1408,1410,1412],{"class":115,"line":1400},39,[113,1402,1188],{"class":665},[113,1404,1405],{"class":127}," rows ",[113,1407,669],{"class":123},[113,1409,1135],{"class":1052},[113,1411,799],{"class":127},[113,1413,1414],{"class":123},"{\n",[113,1416,1418,1421,1423,1425,1427,1429],{"class":115,"line":1417},40,[113,1419,1420],{"class":649},"    doctype",[113,1422,696],{"class":123},[113,1424,148],{"class":123},[113,1426,823],{"class":151},[113,1428,154],{"class":123},[113,1430,1431],{"class":123},",\n",[113,1433,1435,1438,1440,1443,1445,1447,1449,1451,1453,1455,1457,1459,1461,1463,1465,1468],{"class":115,"line":1434},41,[113,1436,1437],{"class":649},"    fields",[113,1439,696],{"class":123},[113,1441,1442],{"class":127}," [",[113,1444,154],{"class":123},[113,1446,814],{"class":151},[113,1448,154],{"class":123},[113,1450,131],{"class":123},[113,1452,148],{"class":123},[113,1454,1214],{"class":151},[113,1456,154],{"class":123},[113,1458,131],{"class":123},[113,1460,148],{"class":123},[113,1462,1246],{"class":151},[113,1464,154],{"class":123},[113,1466,1467],{"class":127},"]",[113,1469,1431],{"class":123},[113,1471,1473,1476,1478,1480,1483,1485],{"class":115,"line":1472},42,[113,1474,1475],{"class":649},"    orderBy",[113,1477,696],{"class":123},[113,1479,148],{"class":123},[113,1481,1482],{"class":151},"modified desc",[113,1484,154],{"class":123},[113,1486,1431],{"class":123},[113,1488,1490,1493,1495,1498,1500,1502],{"class":115,"line":1489},43,[113,1491,1492],{"class":649},"    pageLength",[113,1494,696],{"class":123},[113,1496,1497],{"class":127}," pageSize",[113,1499,90],{"class":123},[113,1501,435],{"class":127},[113,1503,1431],{"class":123},[113,1505,1507,1510,1512,1516],{"class":115,"line":1506},44,[113,1508,1509],{"class":649},"    auto",[113,1511,696],{"class":123},[113,1513,1515],{"class":1514},"sfNiH"," true",[113,1517,1431],{"class":123},[113,1519,1521,1524,1526],{"class":115,"line":1520},45,[113,1522,1523],{"class":123},"}",[113,1525,1370],{"class":127},[113,1527,157],{"class":123},[113,1529,1531],{"class":115,"line":1530},46,[113,1532,1090],{"emptyLinePlaceholder":1089},[113,1534,1536,1539,1542,1544,1547,1549],{"class":115,"line":1535},47,[113,1537,1538],{"class":665},"function",[113,1540,1541],{"class":1052}," supprimer",[113,1543,799],{"class":123},[113,1545,1546],{"class":802},"keys",[113,1548,1370],{"class":123},[113,1550,1551],{"class":123}," {\n",[113,1553,1555],{"class":115,"line":1554},48,[113,1556,1558],{"class":1557},"sHwdD","    \u002F\u002F Exemple fictif : appelez ici votre méthode de suppression groupée.\n",[113,1560,1562],{"class":115,"line":1561},49,[113,1563,1564],{"class":123},"}\n",[113,1566,1568,1570,1572],{"class":115,"line":1567},50,[113,1569,1079],{"class":123},[113,1571,1098],{"class":649},[113,1573,653],{"class":123},[14,1575,1576,1577,1579],{},"Exemple fictif : la route ",[18,1578,823],{}," dépend du routeur de votre application.",[1581,1582,1583],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":109,"searchDepth":116,"depth":656,"links":1585},[1586,1587,1588,1589],{"id":161,"depth":656,"text":48},{"id":443,"depth":656,"text":58},{"id":572,"depth":656,"text":68},{"id":633,"depth":656,"text":634},"Composer une page de liste Vue avec les composants expérimentaux List, ListFooter et ListBulkBar de @framework\u002Fui.","md",{"reviewed":1089,"last_verified":1593,"sources":1594},"2026-11-03",[1595,1596,1597,1598,1599,1600,1601],"dodock@develop:ui\u002Fsrc\u002Fexperimental\u002FList\u002Findex.ts","dodock@develop:ui\u002Fsrc\u002Fexperimental\u002FList\u002Ftypes.ts","dodock@develop:ui\u002Fsrc\u002Fexperimental\u002FList\u002FList.vue","dodock@develop:ui\u002Fsrc\u002Fexperimental\u002FList\u002FListFooter.vue","dodock@develop:ui\u002Fsrc\u002Fexperimental\u002FList\u002FListBulkBar.vue","dodock@develop:ui\u002Fsrc\u002Fcomponents\u002FColumnSettings\u002Ftypes.ts","dodock@develop:ui\u002Fsrc\u002Fcomponents\u002FSortBy\u002Ftypes.ts","\u002Fnext\u002Fdodock\u002Fdeveloppeurs\u002Fcomposants-ui\u002Flist-molecule",{"title":5,"description":1590},"2.next\u002F3.dodock\u002F10.developpeurs\u002F03.composants-ui\u002Flist-molecule","e1mCV1ro_YVCh7Mmws6tFv12y81nA9-KQ4R0UuOyAu0",{},1793871738982]