Forum
Log In
Home
Topic RSS
17:30
20/02/2009
Offline
Hello,
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
17:46
20/02/2009
Offline
Ok I find! Sorry
03:08
12/02/2010
Offline
Hi,
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
09:10
20/02/2009
Offline
hello 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
Most Users Ever Online: 715
Currently Online:
26 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66
