1.1. 右键菜单元素
<ul id="right_menu" class="contextMenu">
<!--
actionName 为定义的函数名(window域)
右键菜单点击时将会调用此函数,
传入参数(id(主键值)、<jQuery>tr) (当前行)
-->
<li class="edit"><a href="#actionName1">编辑</a></li>
<li class="delete"><a href="#actionName2">删除</a></li>
</ul>
1.2. 表格元素
<table id="table_id">
<!-- 表头定义 thead 其中值包含th子元素 -->
<thead>
<!-- checkbox 用于控制 全选 全不选 -->
<th width="30" class="t_c bdr_3">
<input type="checkbox" />
</th>
<!--
如果这个字段需要JS排序 class中请加 sorter
字段名用<div></div>包裹
-->
<th width="40" class="t_r sorter">
<div>ID</div>
</th>
<th width="60" class="t_r sorter">
<div>转载量</div>
</th>
<!--
如果这个字段服务器端排序 class中请加 ajaxer
且包含 em,div 元素
-->
<th width="200" class="t_l ajaxer">
<!-- em的name属性填写浮动层id -->
<em name="pop_layer_id"></em>
<!-- div的name属性填写 排序用的 orderby 字段-->
<div name="orderby_field_name">文章标题</div>
</th>
<!-- 其他字段 -->
<th>管理操作</th>
</thead>
<!-- 数据表就放在tbody里面了 请留个空tbody在这儿 -->
<tbody></tbody>
</table>
1.3. 浮动层对应表格中的em name值
<div id="pop_layer_id" class="th_pop" style="width:300px;dislay:none"></div>
1.4. 分页控件容器
<div id="pagination" class="pagination"></div>