[mallepaddiParticipant]

HI

#productgrid .jqx-grid-load{background-image: url(../images/load_products.gif);}
not showing fully, my image is longer with text “Loading search items”.

And can we show text while loading in different color ?

Those images are animated text based images.

Thanks

[mallepaddiParticipant]

HI

It works ..
$(element[0]).text(“Hi”);

Thanks

[mallepaddiParticipant]

Hi

fantastic,

but could you please know where we can documentation on available properties / methods available for following :

cell, event, element, row etc.

I haven’t found under documentation section, documenting those would help many of us.

Thanks

[mallepaddiParticipant]

HI

Thanks for helping ..

$(“#jqxgrid”).jqxGrid(
{
width: 670,
source: dataAdapter,
selectionMode: ‘singlecell’,
columnsresize: true,
// trigger cell hover.
cellhover: function (element, pageX, pageY)
{
// update tooltip.
$(“#jqxgrid”).jqxTooltip({ content: element.innerHTML });
// open tooltip.
$(“#jqxgrid”).jqxTooltip(‘open’, pageX + 15, pageY + 15);
},
columns: [
{ text: ‘Name’, dataField: ‘firstname’, width: 100 },
{ text: ‘Last Name’, dataField: ‘lastname’, width: 100 },
{ text: ‘Product’, editable: false, dataField: ‘productname’, width: 180 },
{ text: ‘Quantity’, dataField: ‘quantity’, width: 80, cellsalign: ‘right’ },
{ text: ‘Unit Price’, dataField: ‘price’, width: 90, cellsalign: ‘right’, cellsformat: ‘c2’ },
{ text: ‘Total’, dataField: ‘total’, cellsalign: ‘right’, minwidth: 100, cellsformat: ‘c2’ }
]
});

Thanks

[mallepaddiParticipant]

HI
Any help ?

Thanks

[mallepaddiParticipant]

Hi

it works like ..element[0].title = ‘Hello ………’;

Thanks

[mallepaddiParticipant]

HI

From above advice, I’m using custom cellrendering and coucl you please help on how to set title attribute to an element ?

cellsrenderer:qtyCell……

function qtyCell (row, column, value, defaultHtml) {
var element = $(defaultHtml);
element.css(‘color’, ‘#AAAAAA’);
element.title = ‘Hello ………’;

return element[0].outerHTML;
}

it doesn’t work,

Thanks

[mallepaddiParticipant]

Hi
Great help ..

Custom tooltip working .. but need further help on showing tool tip conditionally, help me how to code it.

Here is the scenario :

– We have quantity field displaying in grid (input editor)
– some times quantity field turns to red color if the quantity entered is exceeding available quantity, this column is not displaying in grid but part of var dataFields = [ … ]

Now i need to show conditional tool tip only for quantity fields which are in red color (entered qty > available qty) .. tip should be like “Quantity entered exceeded”

how to use “open” call to do this ?

Thanks

Thanks

[mallepaddiParticipant]

HI

Thanks for your reply.

“jqx-dropdownlist-content” applies only to selected item, following works completely .. any harm in adding two more styles ?

.jqx-dropdownlist-content { font-size : 11px;}
.jqx-listitem-state-selected { font-size : 11px; }
.jqx-listitem-state-normal {font-size : 11px; }

Thanks

[mallepaddiParticipant]

HI

cellhover: function (element, pageX, pageY)
{
// update tooltip.
$(“#jqxgrid”).jqxTooltip({ content: element.innerHTML });
// open tooltip.
$(“#jqxgrid”).jqxTooltip(‘open’, pageX + 15, pageY + 15);
},

from above code .. how do i get actual content of “cell”, i need to edit for showing it as a tooltip and any idea on applying styling and need to show tool tip on certain conditions ?

and “cellhover” is a function of JQWIDGETS ? i don;t find any documentation related to this?

Thanks

[mallepaddiParticipant]

HI

cellhover: function (element, pageX, pageY)
{
// update tooltip.
$(“#jqxgrid”).jqxTooltip({ content: element.innerHTML });
// open tooltip.
$(“#jqxgrid”).jqxTooltip(‘open’, pageX + 15, pageY + 15);
},

from above code .. how do i get actual content of “cell”, i need to edit for showing it as a tooltip and any idea on applying styling.

Thanks

[mallepaddiParticipant]

HI

that’s fine, but please help how do we show custom tooltip for a column in Grid, rather then showing value “title” attribute.

Thanks

[mallepaddiParticipant]

HI

Can we grey out the screen when using “showloadelement” and “hideloadelement” to prevent user from clicking any other buttons ?

Thanks

[mallepaddiParticipant]

HI

why it was like this ..

“strong” keyword before cellvaluechanging: …. ?

Thanks

[mallepaddiParticipant]

HI

If you need to check value of another cell inside of rendercell …

function renderCell (row, column, value, defaultHtml) {
var datarow = $(‘#grid”).jqxGrid(‘getrowdata’, row);
if(datarow.price > 0) { … }
}

Hope it helps.

thanks

[Author]

Posts