<script>
    var data_struct = [
        { name: "id", head: "", visible: 0 },
        { name: "date", head: "Thời điểm", visible: 1, type: "text", required: 1 },
        { name: "totalcost", head: "Tổng tiền", visible: 1, type: "text", required: 0 },
    ];
    var gridViewEx = new GridViewEx(data_struct, "gridViewEx");
    gridViewEx.page_source = "bc_danhsachketso.ls";
    gridViewEx.page_title = itxt("danhsachketso");

    initOneTime();
    function initOneTime() {
        //check xem da khoi tao chua
        var page_initflag = document.getElementById("page_initflag");
        if (page_initflag.value.length > 0)
            return;
        page_initflag.value = "1";
        showList(0);
    }
    function menuPopupItem(id, pageno) {
        //xem chi tiet
        var url = "?page=" + gridViewEx.page_source + "&id=" + id;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }

                showModal(data);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }

    function showList(pageno) {
        showWaitModal();
        var iddtpfrom = document.getElementById("iddtpfrom");
        var iddtpto = document.getElementById("iddtpto");
        var url = "?page=" + gridViewEx.page_source + "&action=list&from=" + iddtpfrom.value + "&to=" + iddtpto.value + "&obj_id=0&pageno=" + pageno;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }

                gridViewEx.showGrid(data, "idcontentlist");
                hideModal();
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
</script>

<table class="filter_area">
    <tr>
        <td width="50%">
            Số lượt:<span style="float:right;" id="idsessioncount"></span>
        </td>
        <td>
            Tổng tiền: <span style="float: right;" id="idtotalcost"></span>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            {_DTPDURATION_}
            <input type="button" name="xem" value="Xem" onclick="showList(0)" style="float: right; width:44px">
        </td>
    </tr>
</table>
<div id="idcontentlist">
    {_CONTENT_}
</div>
<input type="hidden" id="page_initflag" value="">