[Ivo ZhulevParticipant]

Hi krewlion,

We cant see such a behavior. Can you please provide us with a fiddle?

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Ivo ZhulevParticipant]

Hi VictorRein,

Try the close event and jQuery mouseleave for the navigation away.

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Ivo ZhulevParticipant]

Hi George S,

Can you please send us a working fiddle?

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Ivo ZhulevParticipant]

Hi alastairwalker,

Use the selectionRenderer callback function. Here is the code you need:

selectionRenderer: function () {
   var item = $('#jqxWidget').jqxDropDownList('getSelectedItem');
   if (item.element) {
      var color = item.element.childNodes[0].style.backgroundColor;
      return '<span style="background-color:' + color + '">' + item.label + '</span';
   }
   return "<b>Please Choose:</b>";
}

[Ivo ZhulevParticipant]

Hi Nagesh,

That behavior of the Grid cannot be modified.

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Ivo ZhulevParticipant]

Hi Alastair,

You can use the renderer callback function which the jqxdropDownList offers.

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Ivo ZhulevParticipant]

Hi Norm,

First, thanks for the feedback
Now on the point:

1. The value set from the dropdown is on click. When you initialize the grid you don`t click on the dropdown.
That is why nothing happens on initialization. So you must specify pageSize property in the grid initialization code. For you case pageSize: 15.

2. This is happening because when you click on a dropdown option you render the grid and the pagerrenderer property is called again so you create the dropdown from scratch with selectedIndex:0. The solution is to make the selectedIndex take dynamic value :

Instead of :

dropdown.jqxDropDownList({ source: ['15', '30', '50', '100'], selectedIndex: 0, width: 50, height: 17, autoDropDownHeight: true });

Write down :

var source = ['15', '30', '50', '100'];
dropdown.jqxDropDownList({ source: source, selectedIndex: source.indexOf((paginginfo.pagesize).toString()), 
width: 50, height: 17, autoDropDownHeight: true });

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Ivo ZhulevParticipant]

Hi nklapper,

You are using the datainfo.pagingInformation which does not contain the rows count(console.log it and you will see).
A few lines below there is a datainfo.rowscount which does.
So leave var paginginfo be var paginginfo = datainfo.paginginformation; and instead of
label.text("1-" + paginginfo.pagesize + ' of ' + datainfo.rowscountA); write

     var rowsCountWithCommas = numberWithCommas(datainfo.rowscount);
     label.text("1-" + paginginfo.pagesize + ' of ' + rowsCountWithCommas)

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Ivo ZhulevParticipant]

Hi nklapper,

Take a look at this demo:
http://jsfiddle.net/jqwidgets/5fsjV/
As you can see you can make the look all custom.

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Ivo ZhulevParticipant]

Hi roblajolla,

No, this is not possible.

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Ivo ZhulevParticipant]

Hi lightonb,

We cant see such behavior. Are you using the latest version of jQWidgets(4.1.2) ?

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Ivo ZhulevParticipant]

Hi nklapper,

Can you please provide us a fiddle?

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Ivo ZhulevParticipant]

Hi szizso,

By default maxWidth is 800 and you cant set minWidth to be bigger than maxWidth.
You must set minWidth to be less than maxWidth.

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Ivo ZhulevParticipant]

Hi szizso,

Can you please provide us a fiddle?

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Ivo ZhulevParticipant]

Hi Shelan,

It is not possible to select/unselect only current page.
And the current version of jQWidgets is 4.1.2

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts