[N.I.AlamParticipant]

Hi,

Yes the example works, I am testing on Chrome and Chrome Canary. But it doesn’t work with my library files. i am using the jqxWindow , no other dialog.

[N.I.AlamParticipant]

Hi,

I tried your example and still crashes. Do you think its an issue with the version of jqxWidgets i am using?

jQuery : jquery-ui-1.11.4/jquery-ui.min.css
jQWidgets v5.4.0 (2017-Oct)

Thanks

[N.I.AlamParticipant]

Hi, i am having similar issues with the color picker in a Dialogue Window. Using the example above if the drop down list is open and i click somewhere in the Dialogue Window it does not loose focus and close, also when i click outside the Dialogue box i get an error message:

jqx-all.js:192 Uncaught TypeError: Failed to execute ‘focus’ on ‘HTMLElement’: parameter 1 (‘options’) is not an object.
at HTMLDivElement.<anonymous> (jqx-all.js:192)
at HTMLDivElement.dispatch (jquery.min.js:3)
at HTMLDivElement.q.handle (jquery.min.js:3)

I tried changing the zIndex by
$( “#dropDownButton2” ).jqxDropDownButton( { width: 150, height: 22, theme: theme, popupZIndex: 20000 } );
This didn’t help either

[N.I.AlamParticipant]

thanks, it works!

[N.I.AlamParticipant]

Hi,
I have the same issue but the source of my drop-down changes several times after the drop-downhas been created, so i need the list to have autoheight accompanied with a max height. How can i do that? i tried but it seems autoheight cannot be changed after it is created.

Thanks

[N.I.AlamParticipant]

Thanks, it works!

[N.I.AlamParticipant]

I want to have different sets of dropdownlist options( source) for each row in a grid. Eg. For the first row i want ‘A,B and C’ in the drop down list and for second row ‘ C, D and E’

[N.I.AlamParticipant]

Thanks, it seems to be working nw to some extent, but how can i have different set of drop-down options for different rows, in the same grid

[N.I.AlamParticipant]

Alright, Thanks

[N.I.AlamParticipant]

Hi,
I have the same issue, if I am editing a text box (jqxInput) or a grid cell and there is a click somewhere inside the window the ‘change’ event is called and the widget looses the focus which is fine, but if there is a click outside the window, the event is not triggered, how can i get the ‘change’/kill focus event if there is a click outside the window.
thanks

[N.I.AlamParticipant]

Hi,
I tried this and it works fine, but the problem i see now is that it shows empty space where the tool was hidden, e:g if I have Tool0, Tool1 and Tool2 , and I hide Tool1, i see an empty space between tool 0 and 2. they are not placed together, also in the demo above if you resize the page after hiding the tool, the ‘three lines’ menu appear event though we have no tool to display and it shows and empty menu. If I use the display property instead of visibility, the tool shows up again after resizing.

Can you please suggest some other solution.

Thanks

[N.I.AlamParticipant]

Hi,
I am not able to hide a tool in the toolbar. In the following example i create a dropdownlist and then hide it, but if i resize the page to a smaller size , so that the ‘three lines’ menu tool appears, it shows the dropdownlist, which i had formerly hidden.
Thanks

$(“#jqxToolBar”).jqxToolBar({
theme: “energyblue”,
width: “100%”,
height: 35,
tools: “button | dropdownlist”,
initTools: function(type, index, tool, menuToolIninitialization) {
switch (index) {
case 0:
tool.text(‘A’);
break;
case 1:
var source = [‘New’];
// tool.id=’ABCD’;
tool.attr(“id”, “ABCD”);
tool.jqxDropDownList({
source: source,
width: ‘200px’
});
if (menuToolIninitialization === false) {
// return { menuTool: false };
} else {
return {
minimizable: false
};
}
}
}
});
$( ‘#ABCD’ ).hide();

[N.I.AlamParticipant]

Thanks!

[N.I.AlamParticipant]

I have tried this method too, but this also disables the tool:

$(“#jqxToolBar”).jqxToolBar({
theme: “energyblue”,
width: “100%”,
height: 35,
tools: “button | custom”,
initTools: function(type, index, tool, menuToolIninitialization) {
switch (index) {
case 0:
tool.text(“A”);
break;
case 1:

var ddlist = $(“<div id=” + ‘ABCD’ + “></div>”);
ddlist.attr(“title”, “Select project settings”);
tool.append(ddlist);
var source = [“New”];
ddlist.jqxDropDownList({
source: source,
width: ’200px’,
});
ddlist.on(‘select’, function(event) {});
break;
}
}
});

[N.I.AlamParticipant]

Hi,
I am trying to create a dropdownlist in a toolbar, but i need to access to the tool later on in my code, so when i try to set an id to the tool it gets disabled, can you please tell me what to do.

$(“#jqxToolBar”).jqxToolBar({
theme: “energyblue”,
width: “100%”,
height: 35,
tools: “button | custom”,
initTools: function(type, index, tool, menuToolIninitialization) {
switch (index) {
case 0:
tool.text(“A”);
break;
case 1:
var source = [“New”];
tool.id=’ABCD’
tool.jqxDropDownList({
source: source,
width: ‘200px’,
});
tool.on(‘select’, function(event) {});
break;
}
}
});

[Author]

Posts