Grafik-Bug in Visu-Element Liste/Tabelle?

[starwarsfan]

Hallo Christian,

mir ist bei der Entwicklung des QClock-LBS eine kleine Ungereimtheit beim Visu-Element Liste/Tabelle aufgefallen. Konkret habe ich am oberen Rand des Visu-Elementes immer eine Linie, wenn ich dem Visu-Element keine konkrete Rand-Formatierung gebe. Hier ein Screenshot:

2016-06-28_ListeTabelleGrafikBug01.png

Beim verwendeten Design wurde lediglich die Vordergrundfarbe sowie Schriftgrösse, Stärke und Ausrichtung gesetzt, siehe hier:

2016-06-28_ListeTabelleGrafikBug02.png

Mach ich noch etwas falsch oder ist das ein Bug?

[gaert]

Hast Du die Option "Titelzeile" evtl. aktiviert? Zeig' doch mal bitte die "Spezifischen Einstellungen" des Visuelements...

[starwarsfan]

Hi

Hast Du die Option "Titelzeile" evtl. aktiviert? Zeig' doch mal bitte die "Spezifischen Einstellungen" des Visuelements...

Nein, habe ich explizit nicht:

2016-06-28_ListeTabelleGrafikBug03.png

[gaert]

Stimmt - ist ein Bug Hab' ich glatt vergessen bei der letzten Renovierung... Danke für den Tipp - und betrachte das Problem als gelöst Allerdings werde ich dies erst später erledigen, denn ich bin gerade in Gedanken bei dem Licht-LBS...

[starwarsfan]

Ok, kein Ding. Danke für die Info.

[gaert]

Wenn Du's besonders eilig hast... Die Datei www/visu/include/js/control14.js ersetzen durch das Folgende

//Controltyp 14 (Liste/Tabelle)
//----------------------------

function control14_construct(obj,id) {

    var mheight=(obj.dataset.var10!='')?obj.dataset.var10:40;

    var n="<table cellpadding='0' cellspacing='0' border='0' style='position:absolute; left:0; top:0; width:100%; height:100%;'>";
        n+="<tr id='e-"+id+"-scroll' style='height:"+mheight+"px; display:none;'>";
            n+="<td width='50%' align='center' id='e-"+id+"-last'>&larr;</td>";
            n+="<td width='50%' align='center' id='e-"+id+"-next'>&rarr;</td>";
        n+="</tr>";
        n+="<tr><td colspan='2' id='e-"+id+"-scroll2'><div id='e-"+id+"-edit' style='height:100%; overflow-x:hidden; overflow-y:auto;'></div></td></tr>";
    n+="</table>";
    obj.innerHTML=n;
    
    if (obj.dataset.var0==1) {document.getElementById("e-"+id+"-edit").addEventListener(downEvent,function(){if (!checkClick()){return;} visuElementClick(id);},false);}

    document.getElementById("e-"+id+"-last").addEventListener(downEvent,function(){if (!checkClick()){return;} showShortClickItem(this); scrollUp("e-"+id+"-edit");},false);
    document.getElementById("e-"+id+"-next").addEventListener(downEvent,function(){if (!checkClick()){return;} showShortClickItem(this); scrollDown("e-"+id+"-edit");},false);
}

function control14_Refresh(elementId,list) {
    var d=document.getElementById("e-"+elementId);
    if (d) {

        var obj=document.getElementById("e-"+elementId+"-edit");
        var rows=list.split(d.dataset.var1);
        var rowsMax=rows.length;
        if (rows[rowsMax-1]=="") {
            rows.pop();
            rowsMax--;
        }    
        if (rowsMax>0) {
            if (d.dataset.var7>=1) {var titel=rows.shift();}
            if (d.dataset.var3==1) {
                rows.sort();
            } else if (d.dataset.var3==2) {
                rows.sort();
                rows.reverse();
            }
            if (d.dataset.var7>=1) {rows.unshift(titel);}
    
            var cols=new Array();
            var colsMax=1;
            if (d.dataset.var2=="") {
                for (var t=0;t<rowsMax;t++) {cols[t]=[rows[t]];}
            } else {
                for (var t=0;t<rowsMax;t++) {
                    cols[t]=rows[t].split(d.dataset.var2);
                    if (cols[t].length>colsMax) {colsMax=cols[t].length;}
                }
            }

            if (d.dataset.var4==0) {
                var h="";
                var n="<table cellpadding='"+d.dataset.var5+"' cellspacing='0' border='0' style='width:100%; height:100%;'>";
            } else {
                var h=" height='"+d.dataset.var4+"'";
                var n="<table cellpadding='"+d.dataset.var5+"' cellspacing='0' border='0' style='width:100%;'>";
            }
            for (var t=0;t<rowsMax;t++) {
                var b1="";
                if (t<(rowsMax-1) && (d.dataset.var6==1 || d.dataset.var6==3)) {b1="border-bottom:1px dotted;";}
                if (t==0 && d.dataset.var7>=1) {
                    //Titelzeile
                    b1="border-bottom:1px solid; font-weight:bold;";
                    if (d.dataset.var7==2) {n+="<tr height='1'>";} else {n+="<tr"+h+">";}
                } else {
                    n+="<tr"+h+">";
                }
                for (var tt=0;tt<colsMax;tt++) {
                    if (cols[t][tt]!==undefined) {var col=cols[t][tt];} else {var col="&nbsp;";}
                    var b2="";
                    if (tt<(colsMax-1) && (d.dataset.var6==2 || d.dataset.var6==3)) {b2="border-right:1px dotted;";}
                    n+="<td style='"+b1+b2+"'>"+col+"</td>";
                }
                n+="</tr>";
            }
            n+="</table>";            
            obj.innerHTML=n;
        } else {
            //keine Daten (wichtig für ClickEvent!)
            obj.innerHTML="<table cellpadding='0' cellspacing='0' border='0' style='width:100%; height:100%;'><tr><td>&nbsp;</td></tr></table>";
        }

        if (d.dataset.var8==1 || parseInt(obj.scrollHeight)>parseInt(obj.clientHeight)) {
            document.getElementById("e-"+elementId+"-scroll").style.display="table-row";
            document.getElementById("e-"+elementId+"-scroll2").style.borderTop="1px solid";
        } else {
            document.getElementById("e-"+elementId+"-scroll").style.display="none";
            document.getElementById("e-"+elementId+"-scroll2").style.borderTop="none";
        }
    }
}

Das Ergebnis (mit Trennlinien in diesem Fall):

Bildschirmfoto 2016-06-28 um 21.04.56.png