Question

我有一张包含两个表格的表格：

<table>
<tr>
<td>[Left]</td>
<td>[Right]</td>
</tr>
</table>

这是我正在使用的控件的简化（System.Web.Ui.Webcontrols.Wizard）。

我想要完成的是在右边显示左栏：

[Right] [Left]

我已经尝试过JQuery，它的工作原理应该如此，但是当它移动内容时你可以看到屏幕闪烁。这是因为呈现的页面然后执行JQuery。

我还尝试过影响控件的渲染，然后我丢失了菜单或内容的EventHandlers（取决于我移动的单元格）

我的问题：

是否可以使用CSS来完成我需要的结果？

OR

如何操作向导控件以获取右侧的菜单。

Answer 1

我建议你使用ASP.Net控件适配器。本文可帮助您了解其工作原理：ASP.NET 2.0 Control Adapter Architecture。

关键思想是将向导控件的标准呈现覆盖为您自己的自定义呈现方法。然后，您将能够虚拟地生成任何输出。在某些情况下，它可能有点棘手。

[edit]根据您的评论，您将能够（如果幸运的话）依赖Microsoft提供的ASP.Net CSS control adapter。这些适配器的原始目标是生成一个干净的W3C兼容的html（使用div）而不是标准渲染（基于表）。如果向导控件生成一个表，您可以使用css适配器和自定义CSS文件之间的组合，该文件可以使用“float：left”和“float：right”样式来交换列。我没试过，但值得一看。

Answer 2

简单：

<table dir="rtl">

通过从右到左，您可以按相反的顺序显示单元格，从而实现所需的效果。 Example

Answer 3

var tempContentOfRightCell = $("#right").html();
$("#right").html($("#left").html);
$("#left").html(tempContentOfRightCell);

应该有效。记得给你的细胞提供正确和左边的id。

显示在右侧的右侧

3 个答案: