我必须维护大量经典的ASP页面,其中许多页面都有表格数据,根本没有排序功能。无论原始开发人员在数据库查询中使用的顺序是什么,都将使您陷入困境。
我想给这些页面添加一些基本的排序,我用javascript在客户端完成。我已经完成了对给定列上的给定表按照给定方向进行排序的基本脚本,只要表受到我们在这里遵循的某些约定的限制,它就能很好地工作。
我想为UI做的是用插入符号(^)指明排序方向,然后。什么?是否有一个特殊的字符是与插入符号相反的?字母v不太合适。或者,是否有其他角色配对我可以使用?
我必须维护大量经典的ASP页面,其中许多页面都有表格数据,根本没有排序功能。无论原始开发人员在数据库查询中使用的顺序是什么,都将使您陷入困境。
我想给这些页面添加一些基本的排序,我用javascript在客户端完成。我已经完成了对给定列上的给定表按照给定方向进行排序的基本脚本,只要表受到我们在这里遵循的某些约定的限制,它就能很好地工作。
我想为UI做的是用插入符号(^)指明排序方向,然后。什么?是否有一个特殊的字符是与插入符号相反的?字母v不太合适。或者,是否有其他角色配对我可以使用?
当前回答
你可以使用黑色三角形,Unicode值U+25b2和U+25bc。或者箭头,U+2191和U+2193。
其他回答
不要忘记∧(逻辑和)和∨(逻辑或)字符,这是我用来表示排序方向的:HTML实体&和;&或;分别。
我会用一些小图像。也会更好看。
或者,你也可以试试Windows自带的字符映射工具,或者试试这里。
我看到的另一个解决方案是使用Wingdings字体的符号。有很多箭头。
我做了下标大写和粗体v。它工作得很完美(虽然它需要一些努力,如果它需要重复做)
语法:
<sub><strong>v</strong></sub>
输出: v
所以我想要插入符号完全像OWA一样,所以我下载了office365icons。woff从的 https://owa.example.com/owa/prem/15.1.1913.10/resources/styles/fonts/office365icons.woff(必须登录才能做到,所以通过浏览器),然后,从网站复制浓缩风格:
@font-face {
font-family: 'Office365Icons';
src: url('/fonts/office365icons.woff') format('woff');
font-weight: normal;
font-style: normal;
}
span.o-icon {
font-family: 'Office365Icons';
font-size: 14pt;
line-height: 21px;
color: #666;
}
最后:
<span class="o-icon"></span>
你能用document。write在span中绘制svg路径吗?span不是svg工作所必需的,它只是确保svg与carat旁边的任何文本保持内联。我使用margin-bottom将它与文本垂直居中,可能还有另一种方法。这是我在我的博客的侧导航(减去js)所做的。如果旁边没有文本,就不需要span或margin-bottom offset。
<div id="ID"></div>
<script type="text/javascript">
var x = document.getElementById('ID');
// your "margin-bottom" is the negative of 1/2 of the font size (in this example the font size is 16px)
// change the "stroke=" to whatever color your font is too
x.innerHTML = document.write = '<span><svg style="margin-bottom: -8px; height: 30px; width: 25px;" viewBox="0,0,100,50"><path fill="transparent" stroke-width="4" stroke="black" d="M20 10 L50 40 L80 10"/></svg></span>';
</script>