Thanks a lot the .css line makes it 🙂

regards,

lupin

no problem. In my page .js I define in $(document).ready(function(){:

    var $colonne =     "<option class= 'tri_liste' id='blanc' value='blanc'></option>" +
                    "<option class= 'tri_liste' id='invid' value='invid'>Inv No</option>" +
                    "<option class= 'tri_liste' id='invdate' value='invdate'>Date</option>" +
                    "<option class= 'tri_liste' id='name' value='name'>Client</option>" +
                    "<option class= 'tri_liste' id='amount' value='amount'>Amount</option>"+
                    "<option class= 'tri_liste' id='tax' value='tax'>Tax</option>" +
                    "<option class= 'tri_liste' id='total'value='total'>Total</option>"+
                    "<option class= 'tri_liste' id='note' value='note'>Notes</option>"+
                    "<option class= 'tri_liste' id='liste' value='liste'>liste</option>"+
                    "<option class= 'tri_liste' id='celiba' value='celiba'>celiba</option>";

and after to add select in toolbar:

    $("#t_tri_multiple").css({'text-align':'left',"height":"40px"});
    $("#t_tri_multiple").append("Tri multiple sur colonnes: ");
    $("#t_tri_multiple").append(" <select id='colonne_1' style='width:10%' title='Premier tri'> " + $colonne + " </select> ");
    $("#t_tri_multiple").append(" <select id='colonne_2' style='width:10%' title='Deuxieme tri' disabled> " + $colonne + " </select> ");
    $("#t_tri_multiple").append(" <select id='colonne_3' style='width:10%' title='Troisème tri' disabled> " + $colonne + " </select> ");
    $("#t_tri_multiple").append(" <select id='colonne_4' style='width:10%' title='Quatrieme tri' disabled> " + $colonne + " </select> ");
    $("#t_tri_multiple").append(" <img src='" + $url_appli + "images/undo.png' id='annuler_rech' onmouseover='this.style.cursor = "pointer"'/>");
    $("#colonne_1","#t_tri_multiple").change(function(){
        $sort_col = $('#colonne_1').val();
        var $cpt = 1;
        while($cpt < 4){
            $cpt ++;
            $("#colonne_" + $cpt).children("#" + $('#colonne_1').val()).attr("disabled",true);
        };
        $('#colonne_2').attr("disabled",false);
        $('#colonne_1').attr("disabled",true);
        $("#tri_multiple").setGridParam({sortname: $sort_col}).trigger("reloadGrid");
    });

Your toolbar is named: t_+grid_id. in this case my grid is named: tri_multiple

good luck.

Regards

Missa

Would you mind to share your solution? I want to add an select on my grid toolbar too but it damn so ugly and worse I can put a label on it.

thanks in advance,

lupin

I want use toolbar option and create select in it like this.

    $("#t_tri_multiple").append("<select id='colonne_1' " + $colonne + "></select>");
    $("#t_tri_multiple").append("<select id='colonne_2' " + $colonne + "></select>");
    $("#t_tri_multiple").append("<select id='colonne_3' " + $colonne + "></select>");
    $("#t_tri_multiple").append("<select id='colonne_4' " + $colonne + "></select>");
    $("#t_tri_multiple").append("<select id='colonne_5' " + $colonne + "></select>");
    $("#t_tri_multiple").append("<select id='colonne_6' " + $colonne + "></select>");
    $("#t_tri_multiple").append("<select id='colonne_7' " + $colonne + "></select>");
    $("#t_tri_multiple").append("<select id='colonne_8' " + $colonne + "></select>");
    $("#t_tri_multiple").append("<select id='colonne_9' " + $colonne + "></select>");

My question is: Is it possible define title and width of all my select or not? I try but nothing append.

Regards.

Missa