Obtenir la taille du contrôle automatique?

Question

J'ai une situation où j'ai plusieurs contrôles listbox sur la même page asp.net. Ils sont actuellement numérisés pour empêcher les données de se tronquer. Cependant, j'aimerais pouvoir déterminer la largeur de la plus grande liste et ensuite modifier la taille des autres listboxes pour qu'elles soient identiques.

La question est ... Comment puis-je accéder à la taille des listes? Ou puis-je?

Answer 1

Oui, vous pouvez ...

//This is a <div> that wraps around your listboxes 
var wrapperDiv = document.getElementById('listboxWrapper'); 

//Get all <select> elements within the <div> 
var sels = wrapperDiv.getElementsByTagName('SELECT'); 

//An array to store the width values 
var widths = new Array(); 

//Load the array 
for(var i = 0, l = sels.length; i < l; i++) 
    widths[i] = sels[i].offsetWidth; 

//Get the max width 
var maxW = Math.max(widths); 

//Set the max width to all the list boxes 
for(var sel in sels) 
    sels[sel].style.width = maxW; 

Answer 2

pour les meilleurs résultats, envisager d'utiliser un framework javascript, jquery en utilisant:

var width = 0; 
//get the largest width 
$("select").each(function() { 
    if ($(this).width() > width) { 
     width = $(this).width(); 
    } 
}); 
//make them all the same width 
$("select").css("width", width);