Leon asked:
"I wondered if you know of a way to control the scroll position of the contents in a cfwindow? Do you know if there's some ext api function or property that can be used sort of like the JS scrollIntoView() type function, but applies to the ext window?"
The solution to the problem can be seen in the cfWindowScrollIntoView() function I created below
(click here to see this code working):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CFWindow scrollIntoView()</title>
<script language="JavaScript">
cfWindowScrollIntoView = function(windowName,scrollTo){
Ext.get(scrollTo).scrollIntoView(ColdFusion.Window.getWindowObject(windowName).body.id);
}
</script>
</head>
<body>
<form name="MyForm">
<input type="button" value="auto scroll" onclick="cfWindowScrollIntoView('MyWindow','pToScrollTo');">
</form>
<cfwindow
name="MyWindow"
center="true"
closable="false"
draggable="true"
height="300"
initShow="true"
minHeight="100"
minWidth="200"
modal="false"
refreshOnShow = "false"
resizable="true"
title="My Test Window"
width="400">
click the button to auto scroll to the other section of content in this window
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p id='pToScrollTo'>Congratulations! you found the other content.</p>
</cfwindow>
</body>
</html>
<head>
<title>CFWindow scrollIntoView()</title>
<script language="JavaScript">
cfWindowScrollIntoView = function(windowName,scrollTo){
Ext.get(scrollTo).scrollIntoView(ColdFusion.Window.getWindowObject(windowName).body.id);
}
</script>
</head>
<body>
<form name="MyForm">
<input type="button" value="auto scroll" onclick="cfWindowScrollIntoView('MyWindow','pToScrollTo');">
</form>
<cfwindow
name="MyWindow"
center="true"
closable="false"
draggable="true"
height="300"
initShow="true"
minHeight="100"
minWidth="200"
modal="false"
refreshOnShow = "false"
resizable="true"
title="My Test Window"
width="400">
click the button to auto scroll to the other section of content in this window
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p id='pToScrollTo'>Congratulations! you found the other content.</p>
</cfwindow>
</body>
</html>
BTW, I used to run the Southern California CF User Group. I'm glad to see someone else has finally taken up the reins in the OC area. I'll look into your meetings and try to attend one soon.
change the javascript to be like this:
<script language="JavaScript">
cfWindowScrollIntoView = function(windowName,scrollTo){
win=ColdFusion.Window.getWindowObject(windowName);
el=Ext.get(scrollTo);
el.scrollIntoView(win.body.id);
win.body.scroll('down',el.getTop()-win.body.getTop(),false);
}
</script>
http://www.coldfusionguy.com/ColdFusion/Samples/cf...