Hi
i’m having a grid inside an accordion in a pop up window, but when grid data increases the height specified, i’m getting the scroll effect, like with mouse i can scroll but the scroll bar is not visible so users will not understand they can scroll down to view full data, my code looks like
var windows=null,win=null,dhxAccord =null;
var myPrtGrid=null;
function changePartner(){
if (windows == null) {
windows = new dhtmlXWindows();
windows.setImagePath(dhtmluri + “/dhtmlxWindows/codebase/imgs/”);
}
win = windows.createWindow(“searchwindow”,50,50,1170,425);
win.setText(“Search”);
windows.window(“searchwindow”).center();
windows.window(“searchwindow”).setModal(true);
win.button(“minmax1”).hide();
win.button(“park”).hide();
windows.window(‘searchwindow’).denyResize();
dhxAccord.cells(“a2”).detachObject(“gridArea1”);
dhxAccord = win.attachAccordion();
dhxAccord.enableMultiMode(true);
}
function loadMyPartnerGrid(){
if(!myPrtGrid){
myPrtGrid = new dhtmlXGridObject(‘gridbox’);
myPrtGrid.setSkin(“dhx_skyblue”);
myPrtGrid.setImagePath(dhtmluri + “/dhtmlxGrid/codebase/imgs/”);
myPrtGrid.enableAutoWidth(true);
myPrtGrid.enableAutoHeight(true, “330”);
myPrtGrid.setColSorting("na,na,int,str,str,str,str,str,str");
myPrtGrid.setInitWidths("55,50,65,300,100,100,325,75,75");
myPrtGrid.setColAlign("center,center,left,left,left,left,left,left,left");
if(multiSel){
myPrtGrid.setHeader("Remove From MyPartners,Select Partner,Be Geod Id,Partner Name,Theater,Country,Prgram,Type,Buy Method");
myPrtGrid.setColTypes("ch,ch,ro,ro,ro,ro,ro,ro,ro");
}
else{
myPrtGrid.setHeader("Remove From MyPartners,Select Partner,Be Geod Id,Partner Name,Theater,Country,Prgram,Type,Buy Method");
myPrtGrid.attachHeader("<img src='images/minus-circle.png' onclick='javascript:removePartners();'/>,,#text_filter_inc,#text_filter_inc,#text_filter_inc,#text_filter_inc,#text_filter,#combo_filter,#combo_filter");
myPrtGrid.setColTypes("ch,ra,ro,ro,ro,ro,ro,ro,ro");
}
myPrtGrid.enableMultiline(true);
myPrtGrid.enablePaging(true, 10, 3, "pagingArea", true, "recinfoArea");
myPrtGrid.init();
myPrtGrid.attachEvent("onCheck" ,function test(rId,cId,state){
if(cId==1 && !multiSel){
var param= myPrtGrid.cells(rId,3).getValue()+'('+myPrtGrid.cells(rId,2).getValue()+')/'+myPrtGrid.cells(rId,5).getValue()+'/'+myPrtGrid.cells(rId,4).getValue()+':#:'+myPrtGrid.cells(rId,2).getValue();
closeWin();
document.getElementById("partnerDet").value=param;
document.forms[0].action=contextPath + "/index.do";
document.forms[0].method="post";
document.forms[0].submit();
}
});
myPrtGrid.attachEvent("onXLS", function(grid_obj, count) {
showProgress();
});
myPrtGrid.attachEvent("onXLE", function(grid_obj, count) {
if (progressWin.window("progressW1") != null) {
hideProgress();
}
});
myPrtGrid.load(myPrtUrl,"json");
}
}
Also can i specify the color of row high light on click.
please help