[关闭]
@Hubertoo 2017-09-29T07:28:22.000000Z 字数 5974 阅读 536

工作笔记

笔记

  1. //可以用try-catch屏蔽掉js某代码块的错误或者用下面方法
  2. <script language="javascript" type="text/javascript">
  3.     function killerror() {
  4.         return true;
  5.     }
  6.     window.onerror = killerror; //加载窗口时调用KILLERROR函数
  7. </script>
  9. //绑定点击Enter键触发事件
  10. $("#search").keydown(function(event){
  11.     if(event.keyCode == 13){
  12.         console.log("触发了Enter键");
  13.     }
  14. }
  16. $("#search").blur(function(){
  17.     console.log("失去焦点事件"); //focus是得到焦点事件
  18. }
  20. //点击importBtn导入弹框
  21. $("#importBtn").click(function(){
  22.     $('#import').modal(); //id为import的模块框见：E:\codes\ltemr-web-hgp\src\main\webapp\module\helpdocs\lte_helpdocs.jsp
  23. })
  25. var div = $("#addPdf").empty(); //清空元素
  27. //动态添加标签embed
  28. function addElementEmbed(bigId){
  29.     var div = document.getElementById("addPdf");
  30.     //添加元素前需要清空原来就有的元素
  31.     var div = $("#addPdf").empty();
  33.     var embed = document.createElement("embed");
  34.     var embed = document.createElement("embed");
  35.     embed.setAttribute("id", "pdfPlayer");
  36.     embed.setAttribute("type", "application/pdf");
  37.     embed.style.height = "100%";
  38.     embed.style.width = "100%";
  39.     embed.src = "/helpdocs/"+ bigId +".pdf";
  41.     div.append(embed);
  42. }
  44. //uploadify插件使用
  45. //jsp代码
  46. <input type="file" id="uploadify"  name="uploadify"/>
  48. <button type="button" onclick="$('#uploadify').uploadify('upload');" class="btn btn-primary">确定</button>
  49. <button type="button" class="btn btn-default closemodel" data-dismiss="modal">取消</button>
  51. //js代码
  52. $("#uploadify").uploadify({
  53.     //指定swf文件
  54.     'swf': $.AdminLTE.ctx+'/static/lib/uploadify/uploadify.swf',
  55.     //后台处理的页面
  56.     'uploader': $.AdminLTE.ctx + "/modules/helpdocs/upload.do?id=" + bigId,
  57.     //选择文件到文件队列中后的每一个文件上的关闭按钮图标
  58.     'cancelImg':$.AdminLTE.ctx+'/static/lib/uploadify/uploadify-cancel.png',
  59.     'button_image_url':$.AdminLTE.ctx+'/static/lib/uploadify/button_image.png',
  60.     //按钮显示的文字
  61.     'buttonText': '添加文件',
  62.     //显示的高度和宽度，默认 height 30；width 120
  63.     'height': 25,
  64.     'width': 100,
  65.     //'method': 'POST',
  66.     //附件大小限制
  67.     //'fileSizeLimit' : '30720KB',
  68.     //附件个数限制
  69.     'uploadLimit' : 1,
  70.     //上传文件的类型  默认为所有文件    'All Files'  ;  '*.*'
  71.     //在浏览窗口底部的文件类型下拉菜单中显示的文本
  72.     //'fileTypeDesc': 'Image Files',
  73.     //允许上传的文件后缀
  74.     'fileTypeExts': '*.pdf',
  75.     //发送给后台的其他参数通过formData指定
  76. //		        'formData': { 'map_style': ''},
  77.     //上传文件页面中，你想要用来作为文件队列的元素的id, 默认为false  自动生成,  不带#
  78.     //'queueID': 'fileQueue',
  79.     //选择文件后自动上传
  80.     'auto': false,
  81.     //设置为true将允许多文件上传
  82.     'multi': false,
  83.     //上传成功后执行
  84.     'onUploadSuccess': function (file, data,response) {
  85.         $("#uploadify").uploadify("destroy");
  86.         showAlert("提示信息","保存成功！");
  87.         $('#import').modal('hide');
  88.         init();
  89.     },
  90.     'onUploadStart' : function(file) {
  91.         $.messager.progress({
  92.            title : '提示信息！',
  93.            text : '正在处理，请稍后....'
  94.         });
  95.      },
  96.     'onUploadComplete':function(){
  97.     }
  98. });
  100. //java代码
  101. @ResponseBody
  102. @RequestMapping(value = "/upload", method = {RequestMethod.POST, RequestMethod.GET})
  103. public Object upload(HttpServletRequest request) throws Exception{
  104.     Map<String, Object> query = WebUtils.getParametersStartingWith(request, "");
  105.     QueryCriteria criteria = new QueryCriteria();
  107.     //如果ajax出现乱码，则需要转码，在部署环境不需要转码
  108.     criteria.put("id",UTF2GBK.urlToUTF8(query.get("id").toString()));
  109.     MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
  110.     // 获得文件：
  111.     Map<String, MultipartFile> fileMap = multipartRequest.getFileMap();
  113.     Map<String, String> result = new HashMap<String, String>();
  114.     result.put("result", "导入成功");
  115.     InputStream is = null;
  116.     OutputStream os = null;
  117.     try{
  118.         String datePath2 =request.getSession().getServletContext().getRealPath("/");
  119.         String datePath = datePath2 + "../helpdocs/" + criteria.get("id") + ".pdf";
  120.         File date = new File(datePath);
  121.         is = fileMap.values().iterator().next().getInputStream();
  122.         os = new FileOutputStream(date);
  123.         byte[] flush  = new byte[1024];
  124.         int len = 0;
  125.         while(0<=(len=is.read(flush))){
  126.             os.write(flush, 0, len);
  127.         }
  128.     }catch (Exception e){
  129.         e.printStackTrace();
  130.     }finally{
  131.         //关闭文件流
  132.         if(os != null){
  133.             try {
  134.                 os.close();
  135.             } catch (Exception  e) {
  136.                 logger.error(e.getMessage(), e);
  137.             }
  138.         }
  139.         if(is != null){
  140.             try {
  141.                 is.close();
  142.             } catch (Exception  e) {
  143.                 logger.error(e.getMessage(), e);
  144.             }
  145.         }
  146.     }
  148.     return result;
  149. }
  151. //zTree插件的使用
  152. var myTreeSetting = {
  153.     view: {
  154.         showLine: false,
  155.         selectedMulti: false,
  156.         showIcon: false,
  157.         dblClickExpand: false //屏蔽掉双击事件
  158.         //showTitle: false
  160.     },
  161.     async: {
  162.         enable: true,
  163.         type: "post",
  164.         dataType:"json",
  165.         /*Ajax 获取的数据类型，默认值："text"。这里我使用了json。*/
  166.         url: $.AdminLTE.ctx + "/modules/helpdocs/getTreeContent.do?searchValue=" + searchValue,
  167.         /*Ajax 获取数据的 URL 地址，默认值："".设置固定的异步加载 url请注意地址的路径，确保页面能正常加载。 url 内也可以带参数，
  168.          这些参数就只能是通过 get方式提交了，并且请注意进行data格式。不同的树目录根据不同的数据，在服务器端编写好不同的url，将其配置在这里即可。*/
  169.         autoParam:["id=pId"]
  170.         /*用于对 Ajax 返回数据进行预处理的函数。之后代码中会给出filter的定义*/
  171.         /*dataFilter: filter*/
  172.     },
  173.     data: {
  174.         simpleData: {
  175.             enable: true,
  176.             /*简单模式的 JSON 数据需要使用 id/pId表示节点的父子包含关系
  177.              enable:true即表示使用简单数据格式,不配置或配置为false则为标准数据格式.*/
  178.             idKey:"id",
  179.             pIdKey:"pId",
  180.             rootPId:0
  181.         },
  182.         key: {
  183.             title: "description"
  184.         }
  185.     },
  186.     callback:{
  187.         onClick: zTreeOnClick,
  188.         onAsyncSuccess: zTreeOnAsyncSuccess,
  189.         onRightClick: zTreeOnRightClick
  190.          dblClickExpand: false//屏蔽掉双击事件*/
  191.     }
  192. };
  194. //详细树的使用见API
  196. //获取当前时间
  197. Date currentTime = new Date();
  198. SimpleDateFormat formatter = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
  199. String dateStr = formatter.format(currentTime);

9.12

jQuery的each()函数的用法

  1. each处理一维数组
  2. var arr1 = [ "aaa", "bbb", "ccc" ];
  3. $.each(arr1, function(i,val){      
  4.   alert(i);   
  5.   alert(val);
  6. });
  7. alert(i)将输出0，1，2
  8. alert(val)将输出aaa，bbb，ccc
  10. each处理二维数组  
  11. var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']] 
  12. $.each(arr, function(i, item){      
  13.     alert(i);   
  14.     alert(item);      
  15. });
  16. arr2为一个二维数组，item相当于取这二维数组中的每一个数组。
  17. item[0]相对于取每一个一维数组里的第一个值   
  18. alert(i)将输出为0，1，2，因为这二维数组含有3个数组元素
  19. alert(item)将输出为  ['a', 'aa', 'aaa']，['b', 'bb', 'bbb']，['c', 'cc', 'ccc']
  21. 对此二位数组的处理稍作变更之后
  22.  var arr = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]      
  23.  　　$.each(arr, function(i, item){      
  24.       　　$.each(item,function(j,val){
  25.        　　　　 alert(j);
  26.         　　　　alert(val);
  27.     　}); 
  28. });
  29. alert(j)将输出为0，1，2，0，1，2，0，1，2
  30. alert(val)将输出为a，aa，aaa，b，bb，bbb，c，cc，ccc
  32. each处理json数据，这个each就有更厉害了，能循环每一个属性
  33. var obj = { one:1, two:2, three:3};      
  34.  　　each(obj, function(key, val) {      
  35.       　　alert(key);   
  36.       　　alert(val);      
  37.  　　}); 
  38. 这里alert(key)将输出one two three
  39. alert(val)将输出one，1，two，2，three,3
  40. 这边为何key不是数字而是属性呢，因为json格式内是一组无序的属性-值，既然无序，又何来数字呢。
  41. 而这个val等同于obj[key]
  43. ecah处理dom元素，此处以一个input表单元素作为例子。
  44. 如果你dom中有一段这样的代码
  45. <input name="aaa" type="hidden" value="111" />
  46. <input name="bbb" type="hidden" value="222" />
  47. <input name="ccc" type="hidden" value="333" />
  48. <input name="ddd" type="hidden"  value="444"/>
  49. 然后你使用each如下
  50. $.each($("input:hidden"), function(i,val){  
  51.      alert(val);
  52.      alert(i);
  53.      alert(val.name);
  54.      alert(val.value);   
  55.  }); 
  56.  那么，alert(val)将输出[object HTMLInputElement]，因为它是一个表单元素。   
  57. alert(i)将输出为0，1，2，3 
  58. alert(val.name);将输出aaa,bbb,ccc,ddd，如果使用this.name将输出同样的结果
  59. alert(val.value);  将输出111,222,333,444，如果使用this.value将输出同样的结果
  60. $("input:hidden").each(function(i,val){
  61.     alert(i);
  62.     alert(val.name);
  63.     alert(val.value);       
  64. });
添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注