准备HTML

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>



Copyright ©2009 - 2014 CmsTop.Com.All rights reserved.
思拓合众