Question

我有一个程序，其中将生成一个HTML表并将其保存到文件中，现在该报告具有一些非常安静的列内容，并且我不想一次显示所有内容，而是给出一个“ read”更多/更少阅读选项？是否可以在C＃html中做到这一点？我曾经提到过“ Datatable to html Table”。

我看到过使用CSS的帖子，我们可以做到，但是我没有这个选项，因为我是在C＃构建HTML表中生成的。

我想在下面的td标签中的json文本中添加“更多”选项，现在甚至可以在下面的代码中添加CSS。

HTML代码：

<tr align='left' valign='top'>
<td align='left' valign='top' style='width:100px' bgcolor='#F9F8F6'><font size='3'>{
    "quiz": {"sport": {    "q1": {        "question": "Which one is correct team name in NBA?",        "options": [            "New York Bulls",            "Los Angeles Kings",            "Golden State Warriros",            "Huston Rocket"        ],        "answer": "Huston Rocket"    }},"maths": {    "q1": {        "question": "5 + 7 = ?",        "options": [            "10",            "11",            "12",            "13"        ],        "answer": "12"    },    "q2": {        "question": "12 - 8 = ?",        "options": [            "1",            "2",            "3",            "4"        ],        "answer": "4"    }}
    }
} </font></td>
</tr>

Answer 1

没有CSS？因此，您根本不希望服务器将完整的数据发送到客户端（以简化模式）吗？当然，有很多方法，我们不能真正帮助您选择一种方法，但是最简单的是您想要实现一种方法，指示服务器发送完整数据或精简数据。

如果您更改网址查询字符串参数的参数，以表明客户端需要完整的数据，并可以访问，例如http://myserver.com/ThePage.aspx?show=1234给出记录1234的精简数据，而访问http://myserver.com/ThePage.aspx?showFull=1234给出1234的完整数据，您现在要做的就是对页面进行编码，以便放入

<a href='http://myserver.com/ThePage.aspx?showFull=1234'>see more</a>

在缩小页面的底部，然后

<a href='http://myserver.com/ThePage.aspx?show=1234'>see less</a>

在整页底部

这几天，动态单页应用程序将加载最少的数据量，并具有更多内容，这些内容将调用服务器（通过脚本）并检索更多数据并将其动态插入到页面中进行显示；当然，这是一种轻松的方法，我鼓励您走这条路，但这答案是概述如何避免使用脚本。只是有一个很好的旧的“切换行为”样式：“请求X并包含指向Y的链接，请求Y并包含指向X的链接”

编辑：所以您说您的页面是静态的，对我来说，这意味着甚至不涉及C＃，而只是纯HTML：

//full.html
<html><body><table>
  <tr><td>ROW ONE</td></tr>
  <tr><td>ROW TWO</td></tr>
  <tr><td>ROW THREE</td></tr>
  <tr><td>ROW FOUR</td></tr>
  <tr><td>ROW FIVE</td></tr>
  <tr><td><a href='reduced.html'>Show less</a></td></tr>
</table></body></html>

//reduced.html
<html><body><table>
  <tr><td>ROW ONE</td></tr>
  <tr><td><a href='full.html'>Show more</a></td></tr>
</table></body></html>

这里没有CSS，没有脚本，没有动态-只是在显示更少和显示更多之间进行切换，并且用户通过单击以访问不同的页面来切换视图。

要使其至少具有动态性，请让C＃根据请求参数生成这些HTML中的一个或另一个。

是否可以在不使用CSS的情况下添加“阅读更多”或“阅读较少”选项？

1 个答案: