kendo-ui+jquery 窗口弹出,及关闭

htmlpage

<div id="uploadWin" style="width:500px;height:300px">
        <div style="height:50px">
            <table style="margin-top:20px;border-collapse:separate; border-spacing:0px 10px; ">
                <tr>
                    <td style="width:20%;">
                        <label style="display:inline-block;text-align:right;width:70px">工资年度</label>
                    </td>
                    <td style="width:30%">
                        <input id='wyear' style="width:160px" />
                    </td>
                </tr>
                <tr>
                    <td style="width:20%">
                        <label style="display:inline-block;text-align:right;width:70px">工资月度</label>
                    </td>
                    <td style="width:30%">
                        <input id='wmonth' style="width: 160px" />
                    </td>
                </tr>
                <tr>
                    <td style="width:20%">
                        <label style="display:inline-block;text-align:right;width:70px">选择文件</label>
                    </td>
                    <td style="width:20%">
                        <input name="excel" type="file" data-role="upload" data-show-file-list="false"
                            data-multiple="false"
                            data-async="{ saveUrl: '/api/staff/supplierPersonMoney/excel', autoUpload: true }"
                            data-bind="events: { success: onUploadSuccess }">
                    </td>
                    <td style="width:20%">
                        <button type="button" data-role="button" id="onUpload" data-icon="upload">上传</button>
                    </td>
                </tr>
            </table>
        </div>
    </div>

ts_page

 $('#importBtn').kendoButton({
        click() {
            $('#uploadWin').data("kendoWindow").open();  //窗口弹出
        }
    });
    $('#uploadWin').kendoWindow({
        width: "600px",
        visible: false,
        actions: [
            "Pin",
            "Minimize",
            "Maximize",
            "Close"
        ],
        close: onClose
    }).data("kendoWindow").center();

    function onClose() {
        $('#uploadWin').fadeIn();  //窗口 隐藏(透明化)
    }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值