ajaxindex.html 3.92 KB
<style type="text/css">
    .flexigrid .bDiv tr {
        display: block;
    }

    .bd-line {
        font-size: 0;
    }

    .flexigrid .bDiv td {
        border: 0;
    }

    .flexigrid div.bDiv tr:hover td {
        background-color: #F4FCFA;
    }

    .flexigrid div.bDiv tr.trSelected td {
        background: #ffffdf none repeat scroll 0 0;
    }

    .flexigrid .bDiv a {
        color: #999;
    }

    .flexigrid .bDiv .active a, .flexigrid .bDiv span a:hover {
        color: #FFF;
    }

    .flexigrid .bDiv .row a:hover {
        text-decoration: none;
        color: #C4182E;
        background-color: #EEEEEE;
        text-decoration: underline;
    }

    .flexigrid .bDiv .row .active a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #999;
        text-decoration: underline;
    }

    .ncsc-default-table thead {
        font-size: 0;
    }

    .ncsc-default-table thead th {
        font-size: 12px;
        vertical-align: middle;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

    .w50 {
        width: 5% !important;
    }

    .w60 {
        width: 6% !important;
    }

    .w80 {
        width: 8% !important;
    }

    .w100 {
        width: 10% !important;
    }

    .w110 {
        width: 11% !important;
    }

    .w150 {
        width: 15% !important;
    }

    .w250 {
        width: 25% !important;
    }

    .w350 {
        width: 35% !important;
    }
    .ellipsis1{
        white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden;
    }
</style>
<table>
    <tbody>

    <empty name="list">
        <tr>
            <td colspan="20" class="norecord">
                <div class="warning-option"><i class="icon-warning-sign"></i><span>暂无符合条件的数据记录</span></div>
            </td>
        </tr>
        <else/>
        <volist name="list" id="list">
            <tr>

                <td align="left" class="w150">
                    <div style="text-align: left;">{$list.act_name}</div>
                </td>
                <td align="left" class="w150">
                    <div style="text-align: center;">{$list.lbtitle}</div>
                </td>
                <td align="left" class="w150">
                    <div style="text-align: center;" >{$list.grade_name}</div>
                </td>

                <td align="left" class="w150">
                    <div style="text-align: center; ">

                        <if condition="$list.repeat_set eq 1">
                            年重复
                        <else/>
                            单次
                        </if>
                    </div>
                </td>
                <td align="left" class="handle w200">
                    <div style="text-align: center;">
                      <!--  <a class="aClick btn green" gpid="{$list['id']}"><i class="fa fa-link"></i>链接</a>-->
                        <a class="btn blue" href="{:U('Admin/Userbrithday/userbrithday_info',array('id'=>$list['id']))}"><i class="fa fa-pencil-square-o"></i>编辑</a>
                        <a class="btn red" href="javascript:void(0)"  onclick="delfun('{$list[id]}')"><i class="fa fa-trash-o"></i>删除</a>
                    </div>
                </td>

            </tr>
        </volist>
    </empty>
    </tbody>
</table>
{$page}

<script>
    // 点击分页触发的事件
    $(".pagination  a").click(function () {
        cur_page = $(this).data('p');
        ajax_get_table('search-form2', cur_page);
    });

    $(document).ready(function () {
        // 表格行点击选中切换
        $('#flexigrid >table>tbody>tr').click(function () {
            $(this).toggleClass('trSelected');
        });
        $('#good_count').empty().html("{$pager->totalRows}");
    });




    // 点击分页触发的事件
    $(".pagination  a").click(function () {
        cur_page = $(this).data('p');
        ajax_get_table('search-form2', cur_page);
    });


</script>