文章 2022-02-16 来自:开发者社区

JS组件系列——Bootstrap文件上传组件:bootstrap fileinput

前言:之前的三篇介绍了下bootstrap table的一些常见用法,发现博主对这种扁平化的风格有点着迷了。前两天做一个excel导入的功能,前端使用原始的input type='file'这种标签,效果不忍直视,于是博主下定决心要找一个好看的上传组件换掉它。既然bootstrap开源,那么社区肯定有很多关于它的组件,肯定也有这种常见的上传组件吧。经过一番查找,功夫不负有心人,还是被博主找到了这....

JS组件系列——Bootstrap文件上传组件:bootstrap fileinput
文章 2022-02-16 来自:开发者社区

JS组件系列——Bootstrap寒冬暖身篇:弹出框和提示框效果以及代码展示

前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑。在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然能给用户很好的页面体验。前面几章介绍了bootstrap的几个常用组件,这章来看看bootstrap里面弹出框和提示框的处理。总的来说,弹出提示主要分为三种:弹出框、....

JS组件系列——Bootstrap寒冬暖身篇:弹出框和提示框效果以及代码展示
文章 2022-02-16 来自:开发者社区

JS组件系列——分享自己封装的Bootstrap树形组件:jqTree

 前言:之前的一篇介绍了下如何封装自己的组件,这篇再次来体验下自己封装组件的乐趣。看过博主博客的园友应该记得之前分享过一篇树形菜单的使用JS组件系列——Bootstrap 树控件使用经验分享,这篇里面第一个Jquery Tree,只是用简单样式和js去实现了效果,没有给出一个系统的封装,这篇博主就来试试在此样式的基础上封装一个稍微完整点的树形组件。 一、组件效果预览 其实效果和之前的那个...

JS组件系列——分享自己封装的Bootstrap树形组件:jqTree
文章 2022-02-16 来自:开发者社区

JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案

前言:最近项目里面需要用到表格的冻结列功能,所谓“冻结列”,就是某些情况下表格的列比较多,需要固定前面的几列,后面的列滚动。遗憾的是,bootstrap table里自带的fixed column功能有一点bug,于是和同事讨论该如何解决,于是就有了这篇文章。 一、起因回顾 最近项目里面有一个表格需求,该表格列是动态产生的,而且列的数量操作一定值以后就会出现横向滚动条,滚动的时候需要前面几列固定....

JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
文章 2022-02-16 来自:开发者社区

JS组件系列——自己动手封装bootstrap-treegrid组件

阅读目录 一、开源的treegrid 1、组件效果预览 2、组件开源地址 二、封装treegrid 1、组件封装的必要性 2、组件封装代码示例 3、封装后的组件使用 三、总结   正文 前言:最近产品需要设计一套相对完整的组织架构的解决方案,由于组织架构涉及到层级关系,在表格里面展示层级关系,自然就要用到所谓的treegrid。可惜的是,一些轻量级的表格组件本身并没有自带树...

JS组件系列——自己动手封装bootstrap-treegrid组件
文章 2022-02-16 来自:开发者社区

JS组件系列——基于Bootstrap Ace模板的菜单Tab页效果优化

阅读目录 一、效果展示 二、代码示例 1、解决高度自适应的问题 2、新建文件bootstrap-tab.css,调整高度和上边框 3、美化删除图标 4、标签页带图标 5、标签页增加边框 6、标签页颜色搭配  7、标签页宽度超限处理 8、左边菜单的选中效果和固定高度效果 三、总结   正文 前言:之前发表过一篇  JS组件系列——基于Bootstrap Ace模板的菜单...

JS组件系列——基于Bootstrap Ace模板的菜单Tab页效果优化
文章 2022-02-16 来自:开发者社区

JS组件系列——Bootstrap Table 表格行拖拽

原文:JS组件系列——Bootstrap Table 表格行拖拽 前言:之前一直在研究DDD相关知识,好久没更新JS系列文章了。这两天做了一个简单的业务需求,觉得效果还可以,今天在这里分享给大家,欢迎拍砖~~ 一、业务需求及实现效果 项目涉及到订单模块,那天突然接到一个需求,说是两种不同状态的订单之间要实现插单的效果,页面上呈现方式是:左右两个Table,左边Table里面是状态为1的订单,右边....

文章 2022-02-16 来自:开发者社区

JS组件系列——两种bootstrap multiselect组件大比拼

原文:JS组件系列——两种bootstrap multiselect组件大比拼 前言:今天继续来看看bootstrap的另一个组件:multiselect。记得在项目开始之前,博主项目组几个同事就使用哪些js组件展开过讨论,其中就说到了select组件,由于项目的整体风格使用的bootstrap风格,所以在选用select组件的时候优先考虑和bootstrap结合使用的。其中就找到了两个这种组件....

文章 2022-02-16 来自:开发者社区

JS组件系列——表格组件神器:bootstrap table(三:终结篇,最后的干货福利)

原文:JS组件系列——表格组件神器:bootstrap table(三:终结篇,最后的干货福利) 前言:前面介绍了两篇关于bootstrap table的基础用法,这章我们继续来看看它比较常用的一些功能,来个终结篇吧,毛爷爷告诉我们做事要有始有终~~bootstrap table这东西要想所有功能覆盖似乎不太现实,博主挑选了一些自认为比较常用的功能在此分享给各位园友。源码也在这篇统一给出。好了,....

文章 2022-02-16 来自:开发者社区

JS组件系列——Bootstrap文件上传组件:bootstrap fileinput

原文:JS组件系列——Bootstrap文件上传组件:bootstrap fileinput 前言:之前的三篇介绍了下bootstrap table的一些常见用法,发现博主对这种扁平化的风格有点着迷了。前两天做一个excel导入的功能,前端使用原始的input type='file'这种标签,效果不忍直视,于是博主下定决心要找一个好看的上传组件换掉它。既然bootstrap开源,那么社区肯定有很....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注