- 博客(25)
- 收藏
- 关注
RSS订阅原创 Handsontable 动态添加单元格的右击自定义菜单功能
举个栗子：有个需求,在excel的单元格中，需要通过鼠标右击打开功能列表,选择“查询”后打开一个弹窗。弹窗里是一个表格数据，该弹窗是通过你点击的单元格里的某一项数据而查询出来的，并且不是所有的单元格都能有这个右击功能。目前能想到的办法是动态给全局添加自定义右击事件，在右击之前通过hot.beforeOnCellContextMenu()来控制哪些是可右击。这里显示的是当前点击的行和列的数据，接下来要做的事情就是通过col和row拿到原数据的值，通过里面的某一参数判断是否可以执行右键查询操作。
2023-11-29 10:43:45
550
原创 Handsontable动态设置列宽和行高
如果rowheight和colwidth的值是后端通过解析excel传过来的，那么实际数值可能会偏大。这里需要做二次计算，将数据除以一个倍数，来将单元格的宽高1:1还原。如果是number类型的数据，则设定的是所有单元格的宽和高。如果是数组类型的数据，则是设置各个单元格的宽和高(数组内数据的长度要跟表格的row和col的长度对应)。属性参数为:rowHeights 和 colWidths。
2023-11-29 10:43:09
680
原创 Handsontable中粗边框的实现
如果在同一个updateSettings()里写入minRows，minCols，和customBorders，则可能会出现粗边框不实现的问题。3：如果使用一个hansontable 容易来展示查询不同表的数据(各个查询数据的行列数量不同)，则需要动态添加这些属性。1:第3行0列到第3行3列，顶部添加宽度为2px，颜色为'#000000'的边框。1：如果设置行超过10，则需要添加minROWs，设置列超过4，需要添加minCols。2:第32行0列到第35行3列(这里为一个矩形)，分别上下左右添加边框。
2023-11-29 10:42:29
376
原创 关于在VS 2015中直接使用@keyframes的问题
今天测试一个动画效果，直接在页面中使用@keyframes的时候会出报错，相关css样式全部变灰，后面试了试外部引入样式文件之后可以成功运行。暂时还不知道为什么会这样。...
2018-12-03 15:39:13
960
2
原创 边距重叠问题
1:在布局的时候会碰见子元素设置边距影响父元素的情况，对已经布局好的界面产生影响。.parent{ width: :300px; height: 300px; background-color: green;}.child{ width: 200px; height: 200px; background-color: blue;}...
2018-11-29 10:02:50
267
原创 清除浮动的方法
当出现浮动元素和文字（或其他）在同一个div内会出现显示上的问题，有时候需要清除浮动效果来达成界面上的设计。比如一个img和p标签，未给img添加浮动时候，p内容在img的下面，如果需要同行显示就需要给img浮动，然后清除img的浮动属性，达到img和p在同一行左右排布。1：添加非浮动的清除元素(1)：伪类元素清除浮动在需要清除浮动元素的外容器添加伪类元素.clearfix:...
2018-11-28 16:58:07
175
原创 a标签中onclick 和 href同时存在，只执行onclick而不执行href跳转
之前处理导航栏和tab关联的时候看别人对插件的使用，在a标签中触发事件，获取a标签的href，data-id属性，来创建一个新的tab，并且不处罚href，在iframe中根据href打开新的iframe。用法:<div> <a class="b" href="111.html" id="a" onclick="qwe();event.returnValue=f...
2018-08-24 10:26:09
8357
原创 日常bug1
1：js 生成的html片段，再对其进行JS操作发现操作不了，因为在界面加载中没有加载到响应事件生成的HTML（有新的标签），然后再加载你的方法，这时候因为没有这个id或者class，所以操作无效，这时候要用on方法将时间绑定到DOM片段上，这样才能对其进行操作。on 的基本语法：$(".active").on("click", a);:2：JS对元素进行show和hide操作，无法修改。...
2018-08-22 10:56:20
129
原创 JS和JQ页面加载
每次要用的时候都忘了怎么写。。。原生JS：window.onload=function(){alert("1");};JQ：简写形式$(function(){alert("2");});完整形式：$(document).ready(function(){alert("3");});他们在功能方式上有一点区别，window.onload在所有的...
2018-08-15 17:25:04
558
原创 滚动视差
最近在一个公众号看到滚动视差效果，觉得挺有意思的，相比传统滚动的显示效果让人耳目一新。来源：http://web.jobbole.com/95068/主要是运用background-attachment属性，该属性有四个值，分别是scroll（默认）、fixed、local和inheritscroll：背景相对于元素固定，背景随页面滚动而滚动，背景和内容绑定fixed：背景相对于视...
2018-08-15 16:56:02
391
原创 JavaScript之table运用
\<table><caption>标题</caption><colgroup> <col span="2" style="background-color:red"> <col style="background-color:yellow"> &
2018-08-14 16:57:15
2497
原创 正则表达式基础随笔-1-字符
JS处理数据的时候使用正则表达式可以方便很多。JS中构造正则表达式:var a=/[abc]/gi 一对正斜杠中间写表达式内容,后面可以跟修饰符。元字符：. 匹配除换行符意外的任意字符\w 匹配字母或数字或下划线，等价于‘[^a-zA-Z0-9_]’，但是实际上并不止这些数据，俄文和希腊字母也可以匹配，一般用户注册 验证不...
2018-08-14 14:56:41
144
原创 DataTable添加数据
ajax 从后台获取数据1：在Controller 中传一个单行DataTable数据和另外的某一个值，:当然这也可以用于多行数据添加，改变【0】的值。//创建一个新的DataTable DataTable DT = new DataTable();//运用方法获取数据到DataTable中DT = erp.ChkAndRunPct(aaa, ref emp,ref s);//添...
2018-08-10 17:43:45
5813
原创 checkbox的显示问题
前后台数据交互碰到复选框的问题，因为后台传的只是value，如果是直接创建复选框你给它赋值value=true是没有显示效果的，需要额外给他添加属性。比我我从后台获取数据，添加到table中"<td><input type='checkbox' value='"+da.P1[i].aa+"' name='check"+i+"'/></td>"+&quo
2018-08-10 17:23:05
1585
原创 时钟
<body><div id="dd" style="font-size:28px; font-weight:bold;"></div> <script type="text/javascript"> function showShiJian(){ var d = new Date(); var s =
2018-08-02 10:54:07
286
原创 网页优化目标
1:100毫秒的界面响应时间与60FPS。（界面的流畅性）2：速度指标（speed index）小于1250ms。3：3G网路环境下可交互时间小于5秒。4：重要文件的大小预算小于170kb。...
2018-08-02 09:25:51
850
原创 concat
将传入的数组或非数组值与原数组合并思想：可以用于数组合并，并且不改变原数组，返回一个新数组，push效果的另类用法var a = [1,2,3];document.write(a.concat(4,5));var b= [4,5];document.write("<br>");document.write(a.concat(b));输出结果：...
2018-07-20 16:26:41
1845
1
原创 移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr，结果返回新的数组
思路：不修改原数组的话就新建数组，赋值，这里要注意不能直接赋值，var a=arr因为这样只是将数组地址给了a，对a进行操作的话还是会改变原数组。然后对新数组判断相等进行删除操作之后要注意让元素自减。1：splice这里利用slice方法获取原数组，也可以用concat（）来获取，效果一样function remove(arr,item) { var a=arr.slice(0...
2018-07-20 15:38:32
4367
原创 数组求和的方法
对于数组求和有多种方法：1：递归方法function sum(arr){ var len =arr.length; if(len==0){ return 0; }else if(len==1){ return arr[0]; }else{ return arr[0]+sum(arr.slice(1)); }}var a=new Array(1...
2018-07-20 15:14:56
40755
原创 找出元素在数组中的位置
网上很常见的一个题目：题目描述：找出元素 item 在给定数组 arr 中的位置。输出描述：如果数组中存在item，则返回元素在数组中的位置，否则返回-1。示例：输入{1,2,3,4},3结果：2 JS代码：function indexOf(arr,item){ if(Array.prototype.indexOf){ return arr.indexO...
2018-07-19 17:04:00
5122
原创 BootStrap标签与徽章
标签：lable，使用default、primary、success、info这类。徽章和标签相似，区别在于徽章的边角更为圆滑，主要用于突出新的和未读项徽章：badge用于：1：超链接旁的徽记：<a href="#">新的消息<span class="badge">42</span></a> 2：按钮中的徽记：<button class=&
2018-05-31 15:00:29
360
原创 BootStrap分页
<nav>元素作为标注一个导航的链接区域。增强语义化。普通类型的分页：使用pagination，有pagination-lg、pagination-sm等改变大小的方法<nav> <ul class="pagination"> <li> <a href="#" > <span &
2018-05-31 14:49:43
281
原创 BootStrap面包屑导航
面包屑导航： 我个人的理解是显示出你所在网页的什么位置，如何返回。例如：主页》栏目》XX文章。 使用的是BootStrap的Breadcrumbs属性，源码如下//基础样式.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radi...
2018-05-31 14:27:07
334
原创 BootStrap复选框、导航栏
复选框与输入框组合，同样也使用到input-group-addon样式，使用checkbox来定义复选框，radio定义单选框导航栏：nav类，普通标签页:nav-tabs 胶囊式标签页:nav-pills 垂直胶囊式标签页：nav-pills nav-stacked 禁用超链接：class=disabled关于导航栏的active样式无法自动添加的问题，这个...
2018-05-31 13:58:37
1530
原创 BootStrap输入框组
input-group(输入框组)，输入框必须由input-group包裹，如果想做个图标加输入框的效果，根据顺序排版，图标所在span标签赋予input-group-addon样式，输入框input赋予form-control样式，让他填充整行+换行。代码：<style>div{ margin:5px;}</style><div class="input-gr...
2018-05-31 13:12:13
775
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人