2011-05-11 5 views
1

Je commence à utiliser filtertoolbar: myGrid.jqGrid('filterToolbar', {stringResult: true, searchOnEnter: false, defaultSearch : "cn"});jqGrid filterToolbar taille d'entrée de recherche

Ma question est si je peux contrôler les entrées de recherche de taille -

MISE À JOUR: Sa hauteur et la taille largeur.

Merci D'avance.

Répondre

7

Si je vous comprends correct, vous devriez inclure dans colModel dans la définition de la colonne qui taille d'entrée que vous souhaitez restreindre l'option comme

searchoptions:{ attr: {maxlength: 5}} 

Dans l'exemple dans le champ de saisie correspondant de la barre d'outils de recherche sera être autorisé à taper pas plus de cinq caractères.

MISE À JOUR: Je ne comprends pas pourquoi vous avez besoin de tels comportements, mais vous pouvez utiliser dataInit du searchoptions pour régler la hauteur et la largeur du contrôle d'entrée. Pour ce faire, vous pouvez utiliser jQuery.css ou méthodes jQuery.height et jQuery.width:

searchoptions:{ 
    attr: {maxlength: 5}, 
    dataInit: function(elem) { 
     //$(elem).css({height:"30px", width:"40px"}); 
     $(elem).height(30).width(40); 
    } 
} 

Si vous augmentez la hauteur du contrôle dans la barre d'outils de recherche vous devriez changer plus

var myGrid = $("#list"); 
// ... 
var $search_toolbar = $("tr.ui-search-toolbar", myGrid[0].grid.hDiv); 
$search_toolbar.height(30); 

Vous devriez le faire bien sûr après l'appel de filterToolbar qui créent la barre d'outils de recherche.

Voir la petite démo here.

+0

merci .. désolé, mais quand j'ai écrit la taille, je ment à sa largeur et taille taille .. J'ai mis à jour ma question. – user590586

+0

@ user590586: J'ai mis à jour ma réponse. – Oleg

+0

merci! Cela fonctionne super !! – user590586

Questions connexes