js
风水月
毕业于北京航空航天大学,精通JAVA WEB、C++、Andorid,做过管理系统、Android客户端、视频监控、自动化控制等项目。
展开
-
kendoGrid合并单元格
kendoGrid默认API中并没有合并单元格的方法,故自己借鉴网友的代码并做了改造,下述代码及完成了kendoGrid中的行的合并(在 dataBound事件中完成)//合并单元格<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>Kendo UI...原创 2019-10-15 17:10:15 · 1712 阅读 · 1 评论 -
使用$.ajax上传文件、上传List数组
现在项目用的最多的框架是spring boot框架,在该框架下如何使用$.ajax上传文件、上传列表,下面会通过示例代码来说明。1.上传文件//js创建Form表单var userFormData = new FormData();//将页面中的Form表单中的数据放入userFormData中/**dataModelForm表单内容<form id="dataModalFor...原创 2019-06-02 09:15:14 · 1107 阅读 · 3 评论 -
kendo UI之TreeList、DataSource常用方法总结
1.Kendo UI 简介Kendo UI 是一个基于 HTML5 和 jQuery 的 UI 框架用来开发时尚Web应用。这个UI框架包括的很多 UI 控制项,数据显示组件,和自适应的手机框架,并支持数据绑定,使用模板,拖放功能。本人主要使用的是Kendo UI Web端的jQuery的组件,因此本文所有的官网链接都指向的是Kendo UI for jQueryKendo UI for...原创 2019-04-11 18:37:32 · 4564 阅读 · 1 评论 -
thymeleaf常用语法
一、概述thymeleaf是服务器端模板引擎,能够处理HTML、XML、JavaScript、CSS、文本等。thymeleaf 在有网络和无网络的环境下皆可运行,即它可以让美工在浏览器查看页面的静态效果,也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型,然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性...原创 2019-03-26 17:35:59 · 1722 阅读 · 0 评论 -
构建施耐德楼控系统数据库后台服务器示例工程三(Web端展示)
最近看到Extjs的示例中有仿操作系统桌面的代码,并且展示效果很美观,结合楼控这个系统的Web端展示需求,目前前端采用Extjs。楼控相关的操作会设计成桌面中的不同应用。 Extjs初次入手看起来很复杂,但是由于其自带的示例代码很丰富,通常在了解一些基本概念后,参照着示例代码一步一步去做,我认为是最好的学习方式了。 目前我参照着Extjs中仿照桌面的示例代码,做出了如下的画面: 从图中我原创 2015-08-10 00:39:20 · 2529 阅读 · 0 评论 -
JS导出Word细节设置
前几篇文章介绍了jquery.wordexport.js插件导出Word,阅读jquery.wordexport.js插件源码可知,将html格式的文件保存为拓展名为.docx或.doc文件,即可用word程序打开,打开视图格式为“web版式视图”。这篇文章将介绍如何添加一些代码,实现以下两个小细节:1)以页面视图方式打开2)调整页边距一、JS导出Word以原创 2017-06-16 09:36:10 · 18798 阅读 · 8 评论 -
IE8兼容fontAwesome
bootstrap中我们使用到了fontAwesome来显示图标,但是在IE8下回出现无法显示的问题,如下图:1)图标未显示2)图标应该如下图显示解决方式是添加如下代码:下面的字体样式兼容代码为网上搜出的,在本人的代码中没有起到作用,即添加下面代码,页面中的图标仍不显示,但是还是感觉应该列出来一下,或许以后会在其他方面有用@font-face { f原创 2017-05-16 23:41:39 · 4032 阅读 · 0 评论 -
JS 图片转base64编码实现及相关问题
1、JS图片转base64编码实现function convertImgToBase64(url, callback, outputFormat){ var canvas = document.createElement('CANVAS'), ctx = canvas.getContext('2d'), img = new Image; img.原创 2017-05-05 15:59:20 · 775 阅读 · 0 评论 -
JS导出Word——修正jquery.wordexport.js不支持IE8问题
由于IE8不支持Blob类型、Canvas类型,致使jquery.wordexport.js无法使用,在此记录一下该问题的解决方式1、canvas1)不支持问题使用excanvas.js可以解决游览器不支持canvas问题,下载地址为:https://github.com/arv/ExplorerCanvas2)getContext is not function问题var c原创 2017-03-13 22:39:57 · 9261 阅读 · 12 评论 -
JS实现浏览器打印、打印预览
目前正在做浏览器端采用JS方式实现打印这么一个功能,JS打印实现的方法很多,但是兼容各个浏览器实现打印预览的功能有些棘手,现将实现的内容及遇到的问题记录下来,希望有大牛看到所提的问题后可以给予解答,在此感谢啦。1.JS实现打印的方式方式一:window.print()window.print();会弹出打印对话框,打印的是window.document.body.innerHTML中的原创 2017-02-26 23:49:53 · 63612 阅读 · 7 评论 -
JS导出Word
最近还在做将网页内容导出Word的功能,现将遇到的问题记录一下。1、JS导出Word方式一:使用Word.Application控件var wordObj = new ActiveXObject("Word.Application");var docObj = wordObj.Documents.Add("", 0, 1);//不打开模版直接加入内容,创建空白Word文档,var d原创 2017-02-27 23:39:29 · 22002 阅读 · 11 评论 -
构建WebIM聊天程序
最近研究了一下WebIM,现将学习笔记记录于此。一、WebIM采用技术本篇实现的WebIM是对现有技术的整合,它包含了如下技术: seajs:用于JavaScript模块化编程,seajs简介及用途可以看这儿:http://blog.csdn.net/fengshuiyue/article/details/51177458 layim:阿里大牛贤心制作的一款webim聊天界面,很美观,源码下载地原创 2016-06-11 14:30:15 · 18028 阅读 · 5 评论 -
web工程集成ckeditor/ckfinder实现在现编辑
一、 ckeditor+ckfinder相关资源ckeditor官网:http://ckeditor.com/ckeditor下载地址:http://ckeditor.com/downloadckeditor4.1下载地址:http://download.cksource.com/CKEditor/CKEditor/CKEditor%204.1/ckeditor_4.1_standa原创 2013-05-19 01:14:06 · 4421 阅读 · 2 评论