Question

我继承了一个具有桌面外观的网络应用程序。它使用表格进行布局。我需要使GUI的“面板”可调整大小（如分割窗格）。

我需要完成的一个例子：http://demos.dojotoolkit.org/demos/mail/（可调整大小的内容区域）

但是我没有使用div作为布局，而是需要使用相当复杂的嵌套表。有什么东西可以让我完成这个或者我必须将代码转换为不使用表格进行布局吗？

Answer 1

警告：我即将推荐第三方产品;如果冒犯了你，请停止阅读。

如果您可以证明第三方软件的费用与时间相反，那么我建议使用Telerik的控件：它们具有完全正常运行的分离器。它对我来说非常好。

<强> DEMO

Answer 2

不过，我并不是故意建议您使用表格布局。如果你可以在开始弄乱你之前从这张桌子里浪费一些时间来保护自己。

这是resizable tables的示例。查看此页面的来源，您将看到包含脚本：

<script type='text/javascript' src='resizable-tables.js'></script>

样式表：

<link rel='stylesheet' href='resizable.css' type='text/css' media='screen' />

此外，!doctype定义了你应该拥有的技巧。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- it is transitional only because of using width='xx%' property in table example -->
<html xmlns='http://www.w3.org/1999/xhtml'><head>

使基于表格的布局可调整大小

2 个答案: