freemark && bootstrap
菜鸟笔记
java成长笔记
展开
-
Bootstrap列表分页及查询(数据与页面分离形式)
Bootstrap两种分页形式: 全部加载数据,然后在js中分页和查询;后台分页,通过后台加载一页的数据;后台发送json格式的数据到前台,前台通过js处理,生成table等,html或者jsp页面显示。 两种方式都通过【$(‘页面table的ID’).bootstrapTable{()};】函数来处理数据。下面说下里面的参数 1.method:请求转载 2016-05-31 14:52:41 · 14518 阅读 · 0 评论 -
bootstrap的editTable实现方法
首先下载基于bootstrap的源码到本地。引用相关文件。link href="/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" />link href="~/Content/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet" />link转载 2017-03-16 15:33:37 · 12612 阅读 · 0 评论 -
bootstrap中日期时间控件datatimepicker的用法
bootstrap中日期时间控件datatimepicker设置开始时间结束时间的用法:$(id).datetimepicker({ language: 'zh-CN', weekStart: 1, startDate:‘2017-03-06’, //开始时间 endDate:‘2017-09-09’,//结束时间原创 2017-03-06 16:17:27 · 2504 阅读 · 0 评论 -
bootstrap中table的行拖拽实现
在项目中遇到了bootstrap行拖拽的问题,查询了很多资料,终于实现了拖拽。拖拽效果:整理一下具体的实现方法:1.首先在项目中引入需要的js,jQuery和Boostraptable的文件请自行引入script src="~/Content/jquery-ui-1.11.4.custom/external/jquery.tablednd.js">script>原创 2017-01-12 16:58:30 · 30672 阅读 · 59 评论 -
bootstrap table父子表
前台代码如下<%@ page language="java"import="java.util.*"pageEncoding="UTF-8"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core"prefix="c"%>String path = request.getC转载 2016-09-06 14:41:07 · 17034 阅读 · 1 评论 -
JS组件系列——BootstrapTable 行内编辑解决方案:x-editable
阅读目录一、x-editable组件介绍二、bootstrapTable行内编辑初始方案三、bootstrapTable行内编辑最终方案1、文本框2、时间选择框3、下拉框4、复选框5、“阴魂不散”的select2四、总结 正文前言:之前介绍bootstrapTable组件的时候有提到它的行内编辑功能,只不过为了展示功能,将此一笔带过了,罪过罪过!最近转载 2016-12-29 09:10:19 · 23748 阅读 · 3 评论 -
bootstrap表格
bootstrap实现表格功能:1.下载导入需要的文件2.中的标签3.bootstrap中的js var $table = $('#table'), $remove = $('#remove'), selections = []; functi原创 2016-05-31 14:00:16 · 14860 阅读 · 1 评论 -
bootstrap设置table的样式
用bootstrap时,不需要table的边框样式,并且不想还想继续使用bootstrap table的分页功能,需要清除table的边框样式,设置自己需要的;1.bootstrap中清除table样式前的表格2.清除table样式后的表格样式清除table自带的样式之后就可以设置自己想要的样式,不影响bootstrap的其他功能 清除bootstr原创 2016-10-14 12:43:09 · 28215 阅读 · 2 评论 -
bootstrap的向导式插件:bootstrap-wizard
从今天开始学习bootstrap的导航向导插件bootstrap-wizard。以下链接是该插件的帮助文档和简单的demohttp://vadimg.com/twitter-bootstrap-wizard-example/#先给大家看一下效果图:之后我会贴出demo的代码部分,原创 2016-09-06 16:06:08 · 24668 阅读 · 3 评论 -
bootstrap导航插件wizard--源码demo
最近一段时间一直忙于工作,没有时间整理bootstrap导航插件。今天把用到的导航插件demo,贴出来和大家一起学习。1. ftl页面部分代码,贴出主要代码form">1 主题12 主题2subjec3" data-toggle="tab" class="step">3 主题3原创 2016-09-13 11:17:18 · 6909 阅读 · 0 评论 -
JS组件系列——表格组件神器:bootstrap table
前言:之前一直在忙着各种什么效果,殊不知最基础的Bootstrap Table用法都没有涉及,罪过,罪过。今天补起来吧。上午博主由零开始自己从头到尾使用了一遍Bootstrap Table ,遇到不少使用方面的问题,也做了一部分笔记,在此分享出来供需要使用的园友参考。还记得前两天有园友加群问我Bootstrap Table的使用问题,呵呵,巧了,今天博主也遇到同样的问题了,在此还是要表示抱歉,没有转载 2016-08-08 16:58:44 · 4834 阅读 · 13 评论 -
JS组件系列——表格组件神器:bootstrap table(二:父子表和行列调序)
前言:上篇 JS组件系列——表格组件神器:bootstrap table 简单介绍了下Bootstrap Table的基础用法,没想到讨论还挺热烈的。有园友在评论中提到了父子表的用法,今天就结合Bootstrap table的父子表和行列调序的用法再来介绍下它稍微高级点的用法。bootstrap table系列:JS组件系列——表格组件神器:bootstrap tableJS组转载 2016-08-08 16:56:31 · 4089 阅读 · 6 评论 -
freemarker学习笔记---assign标签
assign assign指令在前面已经使用了多次,它用于为该模板页面创建或替换一个顶层变量, assign指令的用法有多种,包含创建或替换一个顶层变量,或者创建或替换多个变量等, 它的最简单的语法如下: , 这个用法用于指定一个名为name的变量,该变量的值为value, 此转载 2016-07-05 14:25:45 · 9411 阅读 · 1 评论 -
freemark和bootstrap中页面布局,页签,左右菜单
freemark和bootstrap布局页面1.页面效果2.需要的文件其中list.ftl是整个页面,menuList.ftl是右边的表格数据显示,menuTree是左右的菜单树原创 2016-06-30 11:06:00 · 2932 阅读 · 0 评论 -
Bootstrap Modal遮罩弹出层
下面这段代码并非是Bootstrap的遮罩,只是简单版的遮罩效果,Bootstrap那个太啰嗦了。如果你钟情Bootstrap的那个遮罩,来看看这篇文章“完全版:Bootstrap弹出层遮罩”。×登录 是一种态度你必须先登录!用户名:密码:重要的CSS,里面的内容样式可以根据自己需求修改:.theme-popover-mask {z-index:转载 2016-06-24 15:17:11 · 11224 阅读 · 0 评论 -
freemarker list的索引值
freemarker中list循环遍历索引值的用法:a>a_index!=0>//可以通过if判断实现需要的效果原创 2017-03-17 11:32:02 · 12355 阅读 · 0 评论