jqxwindow with scroll

[technonagaMember]

Hi,

I have developed sample code for popup window appear while click the grid. It was work really good. And, i need another one pop up window appear while click on button in first popup window. After that, i spent some time that kind of code also developed, that one also works very fine. But , large amount data loaded in new popup window. It wasn’t scroll.

I need to fix this problem , please help me. If any possible code is available for jqxwindow with scroll (vertical).

Thanks,
Naga

[Peter StoevKeymaster]

Hi Naga,

Make sure that you don’t set ‘overflow’ to hidden in the window’s content. This will allow the browser to automatically display scrollbars in the window’s content when the content overflows.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[technonagaMember]

Hi Peter,

Thanks for your valuable response. It was work fine.

And , Now i need some one help for jqxwindow development. First of all i was developed the code for pop up appear while double click in grid. And the button add in first pop up , when i click the button(btnContactType) new pop up window (Cont) will appear. that time first pop up(popupWindow) will hide. I have mentioned below of this passage the sample code for pop up hide and show:

popupWindow -> First pop up

Cont -> Second Pop up

$(“#btnContactType”).click(function () {

$(“#popupWindow”).jqxWindow(‘hide’);

var offset = $(“#jqxgrid”).offset();
$(“#Cont”).jqxWindow({ position: { x: parseInt(offset.left)+10, y: parseInt(offset.top)+30} });
$(“#Cont”).jqxWindow(‘show’);

if(startVal == “0”)
{
startVal =”1″;
$.ajax({
type: ‘POST’,
dataType: ‘json’,
async: false,
cache: false,
url: “http://192.168.0.10/HTML5Service/loginservice.svc/geAnswer”,
data: ‘{“AgencyId”:”‘+ getAgencyId +'”}’,
contentType: ‘application/json; charset=utf-8’,
success: function (res) {
getContactTypeTableValues = res.geAnswerResult;
},
error: function (err) {
alert(‘Error’);
alert(err.responseText);
}
});

var obj = jQuery.parseJSON(getContactTypeTableValues);
var selContactTypeValues=””;

var getContactTypeVales = hdnContactTypeClick.Value;
var getSplitedContactTypeVales = getContactTypeVales.split(‘,’);

$.each(getSplitedContactTypeVales, function( index, values){
//alert(values);
$.each(obj, function( index, item){
//alert(item.Column2);
if(item.Column2 == values)
{
table+=””+””+item.Column2+””;
}
else
{
table+=””+””+item.Column2+””;
}
});
});

table+=” “;

$(“#tblContactTypeDisp”).append(table);

}

// initialize the popup window and buttons.
$(“#Cont”).jqxWindow({ width: 275, height: 250, resizable: false, theme: theme, isModal: true, autoOpen: false, modalOpacity: 0.01, closeWindow: false });
$(“#Cont”).jqxWindow(‘setTitle’, ‘Contact Type Edit’);
$(“#CCancel”).jqxButton({ theme: theme });
$(“#CSave”).jqxButton({ theme: theme });

// update the edited row when the user clicks the ‘Save’ button.
$(“#CSave”).click(function () {
$(“#Cont”).jqxWindow(‘hide’);
$(“#popupWindow”).jqxWindow(‘show’);
});

$(“#CCancel”).click(function () {
$(“#Cont”).jqxWindow(‘hide’);
$(“#popupWindow”).jqxWindow(‘show’);
});

});

In first popup window one particular field value checked in second popup window. It was finely work in first time. but , second and third time it wasn’t work, initial value only checked in every time.

So, my doubt is pop up window didn’t refresh while hide/show button clicked. If any possible jqxwindow refresh while button click. It was my assumption only. Please tell the correct reason or give the sample code.

Thanks & Regards,
Naga

[Peter StoevKeymaster]

Hi Naga,

I am afraid that I didn’t understand what exactly is the issue. Could you please send us a small sample that reproduces the erroneous behavior to support@jqwidgets.com?

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[technonagaMember]

Hi Peter,

Thanks for your quick response. Sorry for my poor communication. I found solution for that issue. I forgot to clear the existing table data after complete the process, thats only table data append every time. now, it was fixed.

Thanks & Regards,
Naga

[sreeParticipant]

Hello,

I am using JQXWindow and I am facing an issue with scroll. Popup settings are like below.

this.Settings = {
minWidth: ‘100px’,
maxWidth: ‘100vw’,
minHeight: 200,
maxHeight: ’96vh’,
width: 1300,
isModal: true,
resizable: false,
modalBackgroundZIndex: 9999,
keyboardCloseKey: 123,
title: “New Person”
}

Currently displaying Popup Window with respect to window height. My requirement is to increase Popup Window height as content is increasing with out scroll up to window height.

I checked in your JQXWindow Demo, there when content increases in tabs, automatically scroll is appearing. Here do we increase window height further to avoid this scroll.( up to window height)

Provide me solution if any to fix this scroll issue in JQXWindow.

[Peter StoevKeymaster]

Hi sree,

At first, this is not an issue in the widget. Secondly, you can use the widget’s “height” property to change its height when you wish using API like that: $(“#window”).jqxWindow({height: 200}). Keep a note that you might need to set also the minHeight and maxHeight properties.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[sreeParticipant]

Hi,

thanks for your Replay, Actually my requirement is in one tab, I have some 10 lines of data and in another tab, I have 20 lines of data i.e. in a popup window.

Here I am getting scroll bar in second tab. I do not want to show scroll in second tab because i have space in below popup window(for example my popup window height is 200px and window height is 700px). When ever my popup window height is more than window height then only i need to show scroll.
If I fix the height, in first tab also I will get some blank space.so i don’t want to fix height of popup.
So, provide me a solution for this scenario.

[Author]

Posts