随笔分类 - bootstrap
摘要：场景： 默认进入到列表，显示的是全部数据，此时切换分页到第3页，然后再次使用搜索功能，此时会报错404 分析： 发现第二次查询的入参如下：page_size=10&page=3&sortOrder=asc，page=3，问题就在这里，此时的查询应该page=1，当page=3时，该查询结果集并没有那
阅读全文
摘要：1、引入bootstrap和validate <script src="{% static 'js/jquery.min.js' %}"></script> <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet"> {# 前端校验
阅读全文
摘要：先下载bootstrap-select，并添加到项目中，然后在页面引用 <link href="{% static 'css/bootstrap-select.min.css' %}" rel="stylesheet"> <script src="{% static 'js/bootstrap-se
阅读全文
摘要：问题： 每次导出时总是“启用”“禁用”都显示 查看HTML得出就是这两个标签导致的 解决： 那我们在渲染该开关时，如果为启用那就将禁用按钮设置为空字符串就好了。 测试下：
阅读全文
摘要：bootstrap-switch真TM的满满都是槽点，坑之多，全网吐槽。首先是，只有第一行能够显示标图的问题。连续相同状态的多行数据只有第一个显示按钮然后是，不能正常初始化的问题。解决bootstrap-switch开关按钮不能正常初始化问题向上述前仆后继的同志们致敬。然后，碰到了第三个问题，boo
阅读全文
摘要：https://www.cnblogs.com/jhxxb/p/10790334.html https://www.freesion.com/article/870763773/
阅读全文
摘要：JavaScript部分： $(function() { //表单验证 $("#addUserInfo").validate({ rules: { username: { required: true, minlength: 2, //异步验证 开始 remote: { url: "userMana
阅读全文
摘要：问题： 使用H+时，发现单击按钮不能打开新的选项卡，新页面会直接替换掉原先的页面 经查需要自己写方法： 一种是直接在页面中增加js方法（我采用的）； 另一种是修改contabs.js文件（参考：https://blog.csdn.net/wanghwang2008/article/details/8
阅读全文
摘要：分页方式： bootstrap-table提供两种分页方式，client和server，即客户端和服务端分页； 特点： client端分页：后台返回所有数据，前台翻页时不再请求后台。 server端分页：后台根据前台每次翻页时传递的参数，进行切片查询数据，每次只返回对应页面的数据。 弊端： clie
阅读全文
摘要：{% load staticfiles %} 项目列表 {# bootstrap开关按钮#} {# #} {# 自定义搜索条件区域#}...
阅读全文
摘要：先上截图，第234行都是禁用状态，但是只有第2行显示了禁用开关，后面的都没有开关初始化 检查下代码： 发现代码：$('#project_status_switch_off').bootstrapSwitch()，是按照id=project_status_switch_off来渲染的，只要是有这个属性
阅读全文
摘要：https://blog.csdn.net/qq_34279442/article/details/89320301
阅读全文
摘要：先上图 准备工作： 添加css和js文件 1、首先需要格式化状态栏，加上input框 给状态栏加上 formatter: project_status, 2、写一个初始化开关的函数：initSwitch() 3、bootstrap-table中加上参数onLoadSuccess，初始化表格时直接初始
阅读全文
摘要：废话不说先看图： 代码实现： 前台代码： 后台代码：
阅读全文
摘要：https://www.cnblogs.com/softwarefang/p/6094174.html
阅读全文
摘要：oninput="value=value.replace(/[^\d]/g,'')" input 只能输入纯数字的输入框:
阅读全文
摘要：select选择框如下： 后台通过查询数据库，然后组装数据格式为字典格式，返回数据，前台通过{% for key,value in project.items %}遍历该字典，取得对应的键值对 上图：
阅读全文
摘要：核心代码： 前端完整代码：
阅读全文
摘要：https://www.jb51.net/article/76013.htm
阅读全文
摘要：必须要有checkbox:true和singleSelect:true，然后就可以通过var row=$("#mytab").bootstrapTable('getSelections');获取行数据了，使用时因为是单行选中所以需要row[0].列名方式取值 如下加粗加大的代码
阅读全文
