<script language="javascript">
    var data_struct = [
        { name: "goods_id", head: "", visible: 0 },
        { name: "objcategory", head: "Loại dịch vụ", visible: 2, type: "select", required: 1, data: g_list_objcategory },
        { name: "goods_name", head: "Tên dịch vụ", visible: 1, type: "text", required: 1, width: "30%" },
        { name: "export_price", head: "Đơn giá", visible: 1, type: "number", required: 0 },
        { name: "servicehourlycharge", head: "Theo<br>giờ", visible: 1, type: "check", required: 0 },
        { name: "block", head: "Làm<br>tròn", visible: 1, type: "text", required: 0, readonly: 1 },
        { name: "mincost", head: "Thu<br>>=", visible: 0, type: "number", required: 0 },
        { name: "minutelimit", head: "Thời<br>lượng", visible: 1, type: "number", required: 0, prompt: "Số phút tối đa của dịch vụ" },
    ];
    var gridViewEx = new GridViewEx(data_struct, 'gridViewEx');
    gridViewEx.page_source = "kb_danhmucdichvu.ls";
    gridViewEx.page_title = itxt("danhmucdichvu");
    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";
        getListObjCategory(showListObjCategory);
    }

    function itemRemove(id, pageno) {
        gridViewEx.removeRow(id);
    }
    function itemEdit(id, pageno) {

        gridViewEx.showEditForm(id);
    }
    function itemView(id, pageno) {
        gridViewEx.showDetails(id);
    }
    function itemAdd() {
        var strData = '0' + g_split_val + getSelectVal('objcategory') + g_split_val + '' + g_split_val + '' + g_split_val + '' + g_split_val + '' + g_split_val + '' + g_split_val;

        gridViewEx.showEditForm(0, null, 'idcontentlist', strData);
    }
    function itemSelectServiceBlockDo(block_id, block_name) {
        showWaitModal();
        var url = "?page=" + gridViewEx.page_source + "&action=useserviceblock&blockid=" + block_id + "&goods_id=" + m_active_id;
        var dataString = "";

        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (isDataOk(data)) {
                    gridViewEx.showGrid_UpdateCell("idcontentlist", "block", m_active_id, block_name);
                    hideModalBlock();
                }
                else
                    showMsg(itxt("loi"));
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    var m_active_id = 0;
    function itemSelectServiceBlock(id) {
        showWaitModal();
        var url = "?page=list&pagesub=serviceblock";
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (isDataOk(data)) {
                    m_active_id = id;
                    DlgSelect.showSimple(getDataOk(data), "itemSelectServiceBlockDo");
                }
                else
                    showMsg(itxt("loi"));

            },
            error: function () {

                hideModal();
            }
        });
    }
    function menuPopupItem(id, pageno) {
        var menu = "";
        menu += "<a href='javascript:void(0)' onclick='javascript:itemRemove(" + id + "," + pageno + ")' class='menu_popup_item'>Xóa" + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:itemSelectServiceBlock(" + id + ")' class='menu_popup_item'>Chọn cách 'Làm tròn'" + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:itemEdit(" + id + "," + pageno + ")' class='menu_popup_item'>Sửa" + "</a>";
        showModal(menu, "MENU");
    }
    function showListObjCategory() {
        var ops = "";
        for (var k = 0; k < g_list_objcategory.length; k++) {

            //ops+="<option value=\'"+this.data_struct[i].data[k].id+"' selected>"+this.data_struct[i].data[k].name+"</option>";
            ops += "<option value=\'" + g_list_objcategory[k].id + "'>" + g_list_objcategory[k].name + "</option>";
        }
        //ops="<option value='-1'>(loại bàn/phòng)</option>"+ops;
        setInnerById("objcategory", ops);
        showList(0);
    }
    function showList(pageno) {
        showWaitModal();
        var objcategory = getSelectVal("objcategory");
        var sgoodsname = document.getElementById("sgoodsname"); if (!isEmpty(sgoodsname)) sgoodsname = encodeURIComponent(sgoodsname.value);
        var sgoodscode = document.getElementById("sgoodscode"); if (!isEmpty(sgoodscode)) sgoodscode = encodeURIComponent(sgoodscode.value);

        var url = "?page=" + gridViewEx.page_source + "&action=list&objcategory=" + objcategory + "&goodsname=" + sgoodsname + "&goodscode=" + sgoodscode + "&pageno=" + pageno;
        var dataString = "";

        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (objcategory == 2)
                    gridViewEx.showGrid(data, "idcontentlist", null);
                else
                    gridViewEx.showGrid(data, "idcontentlist", 'menuPopupItem');
                hideModal();
            },
            error: function () {

                hideModal();
            }
        });
    }
</script>

<a href="javascript:void(0)" onclick="return itemAdd()" class="btnfloatbottom">+</a></span>
<div class="divtable" style="background:#039;color:#0C3;font-weight:bold">
    <div class="divrow">
        <div class="divcell" style="width:40%">Nhóm</div>
        <div class="divcell" style="width:25%">Tên</div>
        <div class="divcell" style="width:20%">Mã</div>
        <div class="divcell" style="width:10%"></div>
    </div>
    <div class="divrow">
        <div class="divcell" style="padding:0px">
            <select size="1" name="objcategory" id="objcategory" style="width:100%" onchange="return showList(0)">

            </select>
        </div>
        <div class="divcell" style="padding:0px"><input type="text" name="sgoodsname" id="sgoodsname"
                onfocus="this.select()" style="width:100%" value="{_SGOODSNAME_}"></div>
        <div class="divcell" style="padding:0px"><input type="text" name="sgoodscode" id="sgoodscode"
                onfocus="this.select()" style="width:100%" value="{_SGOODSCODE_}"></div>
        <div class="divcell" style="padding:0px"><input type="button" onclick="return showList(0)" value="Tìm"
                style="width:100%;"></div>
    </div>
</div>
<div id="idcontentlist">{_GOODSLIST_}</div>
<input type="hidden" id="page_initflag" value="">