Dbgrid scroll

[kelinda]

I put the image in dbgrid...but now i discovered that i can't scroll the grid...i have limitcount = -1 and limitstart=-1..

how can i do to resolve this problem?

thanks a lot

[405hp]

PM me a link to a website so I can look at it.

[kelinda]

Ok 405hp

thanks a lot

the link below...show you what i mean...

http://www.pratesi.it/ordini/uord.php

[405hp]

Your problem has to do with the image renderer. If I disable that on your page the grid scrolls.

I just tested my original code and that grid scrolls.

I don't see any error in your code for it so I am not sure what it could be - unless it has something to do with your containers.

To verify you need to create a new form with nothing on it but the grid and see if it works or not. No fancy stuff just the basics to make sure it works.


The attached is a html file that works on my machine. You may have to change the location of qx.js inside it but it should allow you to test.

[kelinda]

I make a simple example as you suggest me ....
that you can see on this link...

Unit1

but the scroll still doesnt work...
have you idea?



thanks a lot

[405hp]

I moved the

qx.OO.defineClass('ImageDataCellRenderer', qx.ui.table.IconDataCellRenderer,
function(wide, high) {
    qx.ui.table.IconDataCellRenderer.call(this);
    this._iconWidth = wide;
    this._iconHeight = high;
});
qx.Proto._identifyImage = function(cellInfo) {
    var IconDataCellRenderer = qx.ui.table.IconDataCellRenderer;
    var image = {
        imageWidth: this._iconWidth,
        imageHeight: this._iconHeight,
        top: 0
    };
    image.url = 'http://www.pratesi.it/ordini/immaginiP/' + cellInfo.value;
    return image;
}

Down below the nfa declarations and it works ok. You broke the code by inserting into the other renderer.

[kelinda]

thanks a lot...

sorry i make some try...whats "nfa declarations"?

[405hp]

The number format object

var NFA=new qx.util.format.NumberFormat();
NFA.setMinimumFractionDigits(2);
NFA.setMaximumFractionDigits(2);
NFA.setGroupingUsed(false);
var NFL=new qx.util.format.NumberFormat();
NFL.setGroupingUsed(false);

[kelinda]

thanks 405


i change the code as you told me....but now the mouse doens't change in pointer....

Unit1

mycode:

var NFA = new qx.util.format.NumberFormat(); //there are options to locale like qx.util.format.NumberFormat('de')
NFA.setMinimumFractionDigits( 2 );
NFA.setMaximumFractionDigits( 2 );
NFA.setGroupingUsed(false);
var NFL = new qx.util.format.NumberFormat();
NFL.setGroupingUsed(false);


qx.OO.defineClass('ImageDataCellRenderer', qx.ui.table.IconDataCellRenderer,

function(wide,high)
{
qx.ui.table.IconDataCellRenderer.call(this);
this._iconWidth = wide;
this._iconHeight = high;
}
);

qx.Proto._identifyImage = function(cellInfo)
{
var IconDataCellRenderer = qx.ui.table.IconDataCellRenderer;
var image = {imageWidth:this._iconWidth, imageHeight:this._iconHeight, top:0};

image.url ='http://www.pratesi.it/ordini/immaginiP/'+ cellInfo.value;
return image;
}

function ThisIsUseful(aaa)
{
document.body.style.cursor='pointer';

if (aaa.indexOf('/') > -1)
answer = aaa.substring(aaa.lastIndexOf('/')+1,aaa.length);
findObj('Image4').src='http://www.pratesi.it/ordini/immaginiG/'+ answer;
vcl.show('pnlfoto_outer');

}

function ThisIsUsefulOUT(bbb)
{
document.body.style.cursor='default';
vcl.hide('pnlfoto_outer');
}

qx.Proto._getContentHtml = function(cellInfo)
{
var IconDataCellRenderer = qx.ui.table.IconDataCellRenderer;
var urlAndToolTip = this._getImageInfos(cellInfo);
var html = IconDataCellRenderer.IMG_START;

var mypathimage = new Object;
mypathimage.src = urlAndToolTip.url;

html += urlAndToolTip.url + '\"' + 'width=' + '\"' + urlAndToolTip.imageWidth + '\"' + 'height=' + '\"' +
urlAndToolTip.imageHeight + '\"' + 'onmouseover=' + '\" ThisIsUseful(this.src); ' +'\"' + 'onmouseout=' + '\" ThisIsUsefulOUT(1); ';
html += IconDataCellRenderer.IMG_END;
return html;
}


");

[u.masotti]

Originally Posted by kelinda

i change the code as you told me....but now the mouse doens't change in pointer....

As said in another code sample, the best thing to do is to have in functions called by events the first parameters passed as a pointer to the calling object.
In that way you can operate directly on it and not try to overuse all document.
In your situation you have a pointer property set in a inner element than all document body overriding setting in the body.

Try to understand next code... comments in-line

        function ThisIsUseful(xxx) // changed line
         {
            var aaa = xxx.src;  // added line
            xxx.style.cursor='pointer'; // changed line

          if (aaa.src.indexOf('/') > -1)
             answer = aaa.substring(aaa.lastIndexOf('/')+1,aaa.length);
            findObj('Image4').src='http://www.pratesi.it/ordini/immaginiG/'+ answer;
            vcl.show('pnlfoto_outer');
         }

          function ThisIsUsefulOUT(xxx)  // changed line
         {
            xxx.style.cursor='default'; // changed line
            vcl.hide('pnlfoto_outer');
          }

       qx.Proto._getContentHtml = function(cellInfo)
          {
           var IconDataCellRenderer = qx.ui.table.IconDataCellRenderer;
           var urlAndToolTip = this._getImageInfos(cellInfo);
           var html = IconDataCellRenderer.IMG_START;

           var mypathimage = new Object;
           mypathimage.src = urlAndToolTip.url;

           html += urlAndToolTip.url +  '\"' 
+  'width=' + '\"' 
+ urlAndToolTip.imageWidth 
+ '\"' + 'height=' +  '\"' 
+ urlAndToolTip.imageHeight + '\"' 
// changed parameters to ThisIsUseful() and ThisIsUsefulOUT()
+ 'onmouseover=' + '\" ThisIsUseful(this); ' +'\"' 
+ 'onmouseout=' + '\" ThisIsUsefulOUT(this); ';
           html += IconDataCellRenderer.IMG_END;
           return html;
         }