PDA

View Full Version : Item select problem.



mcadirci
31 Aug 2010, 5:23 AM
Hello,

I have made a layout that contain a tree and some grids. When i click on the tree it selects it with putting blue border on it (as on the image s1.png) and try to hide the panel that contains it, tree hides but not the select border.

Anyone got an idea what could cause this? Like additional css I use (I don't think it overrides ext), or smt else?

Thanks for any help.
Here is a small sample code that repeats same issue.

<HTML>
<HEAD>

<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all-debug.js"></script>


<script type="text/javascript" src="ext/examples/shared/examples.js"></script><!-- EXAMPLES -->
<script type="text/javascript" src="ext/examples/ux/Focus.js"></script>
<script type="text/javascript" src="ext/examples/tree/ARIA.js"></script>


<script type="text/javascript" src='js/ext/fleetAriaTree.jsp?selectableJsp=none&urlForAllTypesJsp=do%3Fop=fleetMonitorCmd%26findObjectList=XXXX'></script>

<script type="text/javascript" src="ext/examples/ux/Portal.js"></script>
<script type="text/javascript" src="ext/examples/ux/PortalColumn.js"></script>
<script type="text/javascript" src="ext/examples/ux/Portlet.js"></script>
<script type="text/javascript" src="ext/examples/portal/sample-grid.js"></script>
<script type="text/javascript" src="ext/examples/shared/examples.js"></script>

<script type="text/javascript" src="js/ext/mainpageLayout.js"></script>
<!-- Language file -->
<script type="text/javascript" src="ext/adapter/ext/ext-lang-tr.js"></script>

<script type="text/javascript">
Ext.BLANK_IMAGE_URL = 'eMOVEWeb/ext/resources/images/default/s.gif';
function setLayout(){

// NOTE: This is an example showing simple state management. During development,
// it is generally best to disable state management as dynamically-generated ids
// can change across page loads, leading to unpredictable results. The developer
// should ensure that stable state ids are set for stateful components in real apps.
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

var viewport = new Ext.Viewport({
layout:'border',
items:[{
region:'west',
id:'west-panel',
title:'West',
split:true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
margins:'35 0 5 5',
cmargins:'35 5 5 5'
},{
xtype:'portal',
region:'center',
margins:'35 5 5 0',
items:[{
columnWidth:0.97,
style:'padding:10px 0 10px 10px',
items:[{
title: 'Filo/Grup/Araš',
collapsible: true
}]
}]

}]
});
}

Ext.onReady(function() {
setLayout();
//createMobileUnitTables();
//setLocaleBar();
});

</script>


</HEAD>
<body>

</BODY>
</HTML>


--
Mehmet

christian130
31 Aug 2010, 5:54 AM
try adding this code in the listener of the tree
grid.getView().refresh()
assuming that grid is declared as global before the document.onReady function example: var grid;
and it's a soft of gridView
viewPort i assume it's almost the same if not post the solution to this one when u've got it
regards

mcadirci
31 Aug 2010, 6:24 AM
Well I think I figure out the problem. After removing every single line one by one I replace the ext files and problem resolved.
Thanks for your help.

--
Mehmet