leader9520 / flexigrid

Automatically exported from code.google.com/p/flexigrid
0 stars 0 forks source link

table's bbar disapeared when resizing grid over 1000px (IE only) #126

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago
What steps will reproduce the problem?
1. Increase table width over 1000px

What is the expected output? What do you see instead?
When i try to increase with of the table, the bbar disapeared.
I've this problem with Internet Explorer 8 and 9.
I tried on 3 computers. Same issue

What version of the product are you using? On what operating system?
Flexigrid 1.1 with jquery 1.7.2
PC #1 Windows 7 with Internet Explorer 9 
PC #2 Windows 7 with Internet Explorer 8

Do you have an idea ?

This is my code
$(document).ready(function() 
{                    
    $('.flexme').flexigrid({
            url: 'requetes/requetes.php',
            method: 'POST',
            params: [{name:'action', value: 'readPostes'}],
            singleSelect: true,
            click : function()
            {
                alert('ok');
            },
            dataType: 'json',
            colModel : [
                {display: 'ID', name : 'id_Poste', width : 60, sortable : true, align: 'center'},
                {display: 'Intitulé', name : 'lib_Poste', width : 550, sortable : true, align: 'left'},
                //{display: 'Lieu', name : 'lieu_Poste', width : 200, sortable : true, align: 'left'},
                {display: 'Type contrat', name : 'type_Contrat', width : 130, sortable : true, align: 'left'},
                {display: 'Nb', name : 'nb_Postes', width : 30, sortable : true, align: 'right'}
                ],

            searchitems : [
                {display: 'ID', name : 'id'},
                {display: 'Intitulé', name : 'lib_Poste', isdefault: true}
                ],
            sortname: "lib_Poste",
            sortorder: "asc",
            usepager: true,
            striped : true,
            title: 'Postes collectés',
            useRp: true,
            rp: 100,
            showTableToggleBtn: true,
            width: 1000,
            height: 300
        });

    $('.flexme').click(function(event){
    $('.trSelected', this).each( function()
    {

           $.ajax
           ({
               type: "POST",
               data :
               {
                    action : 'readDetailPoste',
                    id : $('td[abbr="id_Poste"] >div', this).html()
               },
               url: "./requetes/requetes.php",
               error:function(msg)
               {
                 alert( "Error !: " + msg );
               },
               success:function(data)
               {
                    var json=$.evalJSON(data);
                    data=json[0];
                    document.getElementById('divdetail').innerHTML="<center><b><u>"+data.lib_Poste+"</u></b></center>"
                    +"<br>"
                    +"<br><b>Ajouté le : </b>"+data.date_Evt
                    +"<br><b>Type : </b>"+data.type_Contrat
                    +"<br><b>Lieu : </b>"+data.lieu_Poste
                    +"<br><b>Nombre de postes : </b>"+data.nb_Postes
                    +"<br><b>Salaire : </b>"+data.salaire_Poste
                    +"<br><b>Horaires : </b>"+data.horaires_Poste
                    +"<br><br><b>Description : </b>"+data.desc_Poste
                    +'<br><center><INPUT type="button" value="Demander des renseignements sur ce poste"  onClick="location.href=\'mailto:<?php echo $_SESSION['mail']?>?subject=Je souhaite avoir des renseignements pour le poste #'+data.id_Poste+' ('+data.lib_Poste+')\'"</center>'
                    ;
               }
            });

    });
    });

});

 </script>  

<table class="flexme"  style="display: none" >
</table>

Original issue reported on code.google.com by antja...@gmail.com on 23 Apr 2012 at 1:40

Attachments: