【IT168 技术文章】
在Domino中应用TableSorter
大家知道，Domino中的视图应用到Web上，有多种展示方式，一种是用Applet方式，一种是默认方式展示，还有一种就是方式就是“将视图内容作为HTML”。严格说这只是视图的一个选择项，但今天我们就是要用到这种方式。
这种方式有什么好处那？它的好处就是，需要开发人员自己动手在各列值之间添加HTML标记。当然，你也可以不加，那么在浏览器中将是一团乱糟糟的内容展现在你的面前。因为本文中的视图就是要自己添加HTML标记，那么就在下面简单说一下步骤。
新建一个视图，视图属性的高级中，选中“将视图内容作为HTML”，然后视图的第一列要加上“<TR><TD>”,中间列的列值都要用“<TD>”和“</TD>”包起来，最后一列要在列值的末尾加上“</TR>”。新建表单，将视图嵌入表单中，嵌入视图不显示标题。在嵌入视图的上面输入表格的表头，这里要注意，表格要严格按照规范去写。什么是所谓表格规范那？就是一个表格有表头和表体，在HTML中要用标记区分出来。比如，表头标记是<THEAD></THEAD>，<TH>部分要写在这里，不能写在别处。表体标记是：<TBODY></TBODY>,<TR><TD>都要写在这一部分里。
例如：
<TABLE id='tableinbox' border="0" cellpadding="0" cellspacing="0" class="tablesorter">
<THEAD class="aa1">
<TH NOWRAP ALIGN=left width=30><input type=checkbox id='selectall' ></TH>
<TH NOWRAP ALIGN=left width=60>字段1</TH>
<TH NOWRAP ALIGN=left width=60>字段2</TH>
<TH NOWRAP ALIGN=left width=120>字段3</TH>
<TH NOWRAP ALIGN=left width=100%>字段4</TH>
</THEAD>
<!--底下就是<TBODY>部分-->
<TBODY>
<!--嵌入视图-->
</TBODY>
</TABLE>
上例就是一个在表单中的完整表格。表格做好了，要想在浏览器中看到排序表格还需要做一些工作，下面继续展开。
在表单的“HTML首页内容”中增加如下内容：
"<link rel='stylesheet' href='/jquery/themes/blue/style.css' type='text/css' media='print, projection, screen' />
<script src='/jquery/jquery-1.2.5.js'></script>
<script src='/jquery/jquery.tablesorter.js'></script>，这是TableSorter必需的CSS和JS文件，是放在Domino服务器上的HTML目录下。要想表格展现出来还要在表格的下面加一段js程序:
<script type="text/javascript">
$(function() {
var rows = $("#tableinbox tbody tr").length;
if(rows>1){
$("#tableinbox").tablesorter({sortList:[[2,1]], widgets:['zebra'],headers: { 0: { sorter: false } } });
}else{
$("#tableinbox").tablesorter({ headers: { 0: { sorter: false } } });
}
});
$(document).ready(function(){
$("#selectall").bind("click",doSelect);
});
</script>
加上这段程序后，还需要一个工作，那就是再建几个文档，好让视图中有东西可显示。如果这些都做了，那么就可以在浏览器中打开这个表单看一下效果了。
