我使用ExtJS4的样式有问题。在我的jsp中,我有一个顶部栏,一个垂直菜单栏和菜单右侧的包装div。包装器根据选择更改其内容。在这种情况下,我使用ExtJS表在包装器中加载一个jsp。我用jquery调用这个函数来做这个:
$('#wrapper').load('../admin/usersTable.html');
usersTable.html返回包含以下内容的jsp:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<title><spring:message code="app.admin.panel.user.title"/></title>
<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all-neptune.css">
<script type="text/javascript" src="../extjs/ext-all.js"></script>
<script type="text/javascript" src="../extjs/ext-theme-neptune.js"></script>
<script type="text/javascript" src="../js/systemUsers.js">
</script>
</head>
<body>
<div id="container">
<h3>System users</h3>
</div>
</body>
</html>
该脚本创建一个包含用户的表,并将表呈现给div #container。当我调用load方法并使用父jsp中的表加载jsp时,一般样式会受到影响。 Ext为body和其他组件添加了一些类和id。例如:
我该如何处理这种情况?我可以包括!重要或避免一些Extjs样式,因为我看了一下firebug,但我不能得到与默认相同的样式,因为它改变了太多的东西。
谢谢大家