2011-06-24 1 views
1

J'ai un YUI datatable et voudrais avoir une autoComplete dans l'une des colonnes. Je fais fonctionner la saisie semi-automatique et tout, mais maintenant j'ai un problème de CSS, semble-t-il.YUI autocomplete dans datatable est caché dans la cellule/CSS-problème

La saisie semi-automatique est masquée dans la cellule de la colonne et je ne peux rien choisir, car je ne la vois pas. Comment puis-je le faire sur le dessus de la vue? J'ai essayé d'allumer le z-index, le mettre à 11000 parce que j'ai lu quelque part que yui utilise 10000, mais ça ne marchera toujours pas.

Des suggestions? Que devrais-je faire ensuite?

Mon columnFormatter

var suggestFormatter = function(elCell, oRecord, oColumn, oData){ 
    var id = oRecord.getData('questionId'); 
    var html = '<div id="suggest" style="position:static;z-index:11111;">'; 
    html+= '<input id="category_suggest'+id+'" onfocus="initSuggest(\''+id+'\')" type="text" style="position:static;">'; 
    html+= '<div id="category_suggest_container'+id+'" style="width:150px;position:static;"></div>'; 
    html+= '</div>'; 
    html+= '<input type="hidden" id="categoryId'+id+'" name="categoryId"/>'; 
    elCell.innerHTML = html;  
}; 
+0

Pouvez-vous mettre le HTML rendu dans jsfiddle? –

+0

Y a-t-il une raison pour laquelle vous utilisez la position: statique et non relative ou absolue? –

Répondre

0

Etes-vous sûr qu'il est position: static vous voulez? Essayez d'utiliser relatif ou absolu. En savoir plus sur le positionnement here.

Questions connexes