small_33的博客

大家好呀，珊妹儿最近更新的有点慢了，是因为最近疏于学习，工作也是没接触到一些新的技术，但近期由于工作使用了el-table组件，需求又有个列的筛选，鉴于项目前期使用的jqGrid,大家都知道，这个插件想要实现列的筛选很容易，因为它自己封装好了，直接可以用，但是我们的新功能使用了vue，所以选择了el-table。大家应该都知道官网上的筛选，只提供了类似下拉框多选的筛选，如果这一列是日期的话，我们希望是筛选的时候选择的是日期呢，又或者是input框呢？下面看下图就明白了：text类...

在我们开发过程中使用bootstrap框架的时候，会经常使用bootstrap的标签页，如果我们在tab子页面中操作的数据，需要在父tab里改变状态到时候，并且不关闭当前子tab页，父tab页只是局部刷新，又不是window.location.reload();刷新整个页面，接下来的代码就可以解决这个问题：$(window.parent.document).contents().find("#tab_2017090410572012 ")[0].contentWindow.itemListTbale.d

珊妹儿今天又遇到个问题，就是使用bootstrap的模态框，上一个模态框还没关闭再次弹出一个模态框中使用了select2下拉选的功能，发现下拉框显示在两个模态框中间层了，也就是不显示在最上层，珊妹给它加了个z-index:999999999；还是不好使，千千万万没想到的是要配合display:block来使用，至于究竟是为何？珊妹儿也未可知！就是在style里添加如下代码：.select2-container--open{ z-index:9999999 !important;

珊妹儿在使用slickgrid表格插件期间，发现我每次对表格操作后刷新表格，会把之前选中的行数据还显示选中状态，但其实获取表格选中数据已经是空的了，这里我们在刷新表格的代码位置加一条代码:$(".slick-cell input[type='checkbox']").click();grid.setSelectedRows([]); //取消选择如果只用第二行代码，就还会显示对勾，检查元素会发现此复选框还存在checked="checked"属性，所以这两行代码都加上就没问题了！困扰了已久的问题

珊妹又来给大家推荐好物了，哈哈~首先官网资料：https://github.com/dabeng/OrgChart官网上下载的是vue的项目哦，但是demo目录下的样例可以直接双击在浏览器访问，但是直接下载下来的样例里面引用的js/css路径都不对，你想看哪个样例需要改下里面引用文件的路径，因为是vue项目里面用的js是一些依赖包，那么我们双击打开看的话就需要自己去找一些js文件，珊妹遇到的问题是导出pdf,所以只改了这个文件因为导出pdf，需要html2canvas和jspdf的支持，所以

当我们的操作是这样的时候：当我们想要点击新增或是删除的时候，有子节点的节点会触发展开收缩的事件，那么我们就要阻止冒泡了，只需要加上expand-on-click-node="false"就可以如图：

gojs,是一款前端展示拓扑图的插件，它遵循自己的语法，因为他的功能丰富，官网上也可以看到许多例子，珊妹觉得不是一款很容易上手的前端插件，需要一点点挖掘它的功能，但每次发现它的新功能，对它的认可度都会+1.今天我们来设置他的流动的连接线：珊妹是拿官网里最简单的例子来学习的，因为多余的代码少，更能清楚的知道每段代码的意义；1.首先在myDiagram.linkTemplate的设置里添加代码：$(go.Shape,{isPanelMain:true,stroke:"lightgree...

大家好~ 珊妹这不是转了前端吗，前端插件真是数不胜数呢，所以珊妹打算以后会在闲暇时间来利用常用的插件来写一些大家平时可能会用到的例子来供大家参考，代码一定不是最优的，但尽可能是可用的，所以有幸遇到大神，还望多多提点一二~下面我们来说今天的功能，利用bootstrap插件完成面板折叠嵌入表格：首先下载bootstrap，这都不用说了，珊妹这里下载的是bootstrap3版本，下载链接：https://v3.bootcss.com/大家还要下载个jquery.min.js文件，可以去官网下载；然

qrcode.js真的很简单，所以今天废话不多说，上代码：页面引入js文件： <script type="text/javascript" src="/js/qrcode.js"></script> <script type="text/javascript" src="/js/jquery.min.js"></script>html:<div id="qrcode"></div>js:// 简单方...