<div> <form></form> </div> <link type="text/css" href="https://www.jb51.net/<%=request.getContextPath()%>/js/customComponent/customImport.css"> <script type="text/javascript" src="https://www.jb51.net/<%=request.getContextPath()%>/js/customComponent/customImport.js"></script>
js部分
$CommonUI.getDialog("#importExcelWin").dialog({ title : '导入字典', width :430, height :185, closed : true, modal : true, buttons:[{ text:'保存', handler:function(){ importData(); } },{ text:'取消', handler:function(){ $CommonUI.getDialog("#importExcelWin").dialog("close"); } } ] }) //初始化导入框 $("#importForm").customImport({ action:$WEB_ROOT_PATH+"/excel/excelCtrl.htm?BLHMI=importExcel", xmlName:'dto.exportFileName', //导入模版XML参数名 xmlValue:'systemDictionaryImport', //导入模版XML参数值 filePath:'dto.uploadFile', //文件路径参数名 uploadTemplateUrl:$WEB_ROOT_PATH+'/exportexcel/exportExcelCtrl!uploadExcelTemplate.htm?filename=systemDictionary' });
4.组件效果
注意事项：
1.该组件使用了easyui-validatebox，使用者也需引用该组件不然校验会出错。
2.该组件是结合后端定制的一个组件，以减少前端html重复配置而导致的出错。值得学习的仅仅是组件定义的方法而不是组件本身。
3.为了满足IE组件有2处特殊处理，第一：是用文件框覆盖在选择目录之上以保证IE安全校验只识别鼠标直接点击的文本框。第二：IE不能直接清除文件框的内容，这里采用克隆删除的方式清空文件框以存在的内容。
以上所述是小编给大家介绍的jQuery自定义组件(导入组件)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: