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(); //窗口 隐藏(透明化)
}