编写应用

3.1. 准备行模板

var row_template =
// tr中请写属性id值，一般是一条记录的主键值，以row_为前缀，可在之后配置
'<tr id="row_{id}">'+
    '<td>'+
        '<input type="checkbox" class="checkbox_style" value="{id}" />'+
            '</td>'+
            '<td>{id}</td>'+
            '<td class="t_r">{count}</td>'+
            '<td>{name}</td>'+
            '<td class="t_c">操作</td>'+
'</tr>';

3.2. 创建应用

var tableApp = new ct.table('#table_id',{
            /**
            * 用于指示row id值的前缀，默认row_
            */
            rowIdPrefix     : 'row_',
            /**
            * 用于指示右键菜单目标，默认right_menu
            */
            rightMenuId     : 'right_menu',
            /**
            * 分页控件容器，默认 pagination
            */
            pagerId         : 'pagination',
            /**
            * 传递页码的变量名，默认page
            */
            pageVar         : 'page',
            /**
            * 每页多少行，根据服务器端配置，默认12
            */
            pageSize        : 12,
            /**
            * 传递pagesize的变量名，默认pagesize
            */
            pagesizeVar      : 'pagesize',
            /**
            * 双击行时回调函数，参数(id(主键值), <jQuery>tr)
            */
            dblclickHandler : 'dblclick_handler',
            /**
            * 添加/更新一行的回调函数，参数(id(主键值), <jQuery>tr)
            */
            rowCallback     : 'init_row_event',
            /**
            * load 载入整页数据的回调函数，参数(json)
            */
            jsonLoaded      : 'json_loaded',
            /**
            * 行数据模板
            */
            template : row_template,
            /**
            * 用于取数据基准url
            * 这个url返回接送数据格式为
            * {
            *    state:true,             状态
            *    total:(total lines),    一共多少记录符合要求
            *    data:[{},{},..]         0 -> length-1 下标的array
            * }
            */
            baseUrl : '?app=<?=$app?>&controller=<?=$controller?>&action=page'
});

3.3. 初始化载入数据

tableApp.load();