0

我在使用 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。例如：

我该如何处理这种情况？我可以包含 !important 或避免一些 Extjs 样式，因为我用 firebug 进行了查看，但我无法获得与默认样式相同的样式，因为它改变了太多东西。

谢谢你们

4

0 回答 0