我有要求,我需要如何显示更多/显示更少的选项,在一列附加到值,我从DB例如:ABC,ABD,ABE,...显示更多,反之亦然,如果长度超过一定的限制,则显示全部值。不知道如何通过jQuery实现这种场景。任何帮助这是非常感谢。
示例表结构如下所示。
Col1 Col2 Col3
1 Test ABC, ABD,...Show More
Col1 Col2 Col3
1 Test ABC, ABD, ABE, ABF, ABG...Show Less
“显示更多”和“显示更少”需要一个超链接来激活一个功能,以隐藏和如何分别。
谢谢
1条答案
按热度按时间qzwqbdag1#
示例:
我假设你包括ui.jqgrid.min.css和jquery.jqgrid.min.js。
根据jqGrid生成的HTML结构调整JavaScript代码中的选择器和属性值。对于jqGrid设置,使用从服务器检索所需数据的真实URL更新'your_data_url'。请注意,这两个更改可能都是必要的。
对于您独特的数据格式和需求,可以更改代码。在这种情况下,假设服务器为'Col 3'列返回逗号分隔的字符串。
点击“Col 3”列中的“显示更多”链接将授予对选定数量的值的访问权,而链接本身将经历转换为“显示更少”以再次保护隐藏数据。
希望这有帮助!:)