水中月

本篇介绍如何使用bootstrap fileinput.js（最好用的文件上传组件）来进行图片的展示，上传，包括springMVC后端文件保存。一、demo 二、插件引入link type="text/css" rel="stylesheet" href="${ctx}/components/fileinput/css/fileinput.css" />s

Bootstrap 中的 Typeahead 组件就是通常所说的自动完成 AutoComplete，功能很强大，但是，使用上并不太方便。这里我们将介绍一下这个组件的使用。第一，简单使用首先，最简单的使用方式，就是直接在标记中声明，通过 data-provide="typeahead"　来声明这是一个 typeahead 组件，通过 data-source= 来提供数据。当然

阅读目录一、效果预览二、代码示例三、组件需要完善的地方四、总结 正文前言：上篇  JS组件系列——自己动手封装bootstrap-treegrid组件 博主自己动手封装了下treegrid的功能，但毕竟那个组件只是一个单独针对树形表格做的，适用性还比较有限。关注博主的园友应该知道，博主的博客里面写了很多bootstrapTable的扩展，今天打算在直接在boot

阅读目录一、组件开源地址以及API说明二、组件效果示例三、使用示例1、基础示例2、其他效果示例3、组件取值赋值4、组件其他用法5、组件封装四、源码下载五、总结 正文前言：之前分享过两篇bootstrap下拉框的组件：JS组件系列——两种bootstrap multiselect组件大比拼  和 JS组件系列——Bootstrap Select2组

源码以及API地址：bootstrap-fileinput源码：https://github.com/kartik-v/bootstrap-fileinputbootstrap-fileinput在线API：http://plugins.krajee.com/file-inputbootstrap-fileinput Demo展示：http://plugins.krajee

目录datetimepicker用法总结目录简述官方文档选项属性1 format 格式2 weekStart 一周从哪一天开始3 startDate 开始时间4 endDate 结束时间5 daysOfWeekDisabled 一周的周几不能选6 autoclose 选完时间后是否自动关闭7 startView 选完时间首先显示的视图8 minView 最精

在bootstrap中的时间选择器有两种：dateTimePicker和dateRangePicker1、dateTimePicker好像是官方嫡插件：需要的文件：?1234linkrel="stylesheet"href="css/bootstrap-datetim

本篇介绍如何使用bootstrap fileinput.js（最好用的文件上传组件）来进行图片的展示，上传，包括springMVC后端文件保存。一、demo 二、插件引入link type="text/css" rel="stylesheet" href="${ctx}/components/fileinput/css/fileinput.css" />

一、JQuery树形控件Jquery树形控件是一款基于JQuery+bootstrap、完全通过js和样式手写出来的非常轻量级的控件，网上很多地方都能看到它的影子。它功能简单、用户体验不错。对于一些简单的层级关系展示比较实用，但对于节点的增删改实现起来就不容易了，如果非要做，可能需要自己去封装。1、一睹初容全部收起展开一级全部展开

基于Metronic的Bootstrap开发框架经验总结（5）--Bootstrap文件上传插件File Input的使用Bootstrap文件上传插件File Input是一个不错的文件上传控件，但是搜索使用到的案例不多，使用的时候，也是一步一个脚印一样摸着石头过河，这个控件在界面呈现上，叫我之前使用过的Uploadify 好看一些，功能也强大些，本文主要基于我自己的框架代码案例，介

使用 Bootstrap Typeahead 组件Bootstrap 中的 Typeahead 组件就是通常所说的自动完成 AutoComplete，功能很强大，但是，使用上并不太方便。这里我们将介绍一下这个组件的使用。第一，简单使用首先，最简单的使用方式，就是直接在标记中声明，通过 data-provide="typeahead"　来声明这是一个 typeahead 组件，通

版权声明：本文出自沉默王二的博客，转载必须注明出处。技术交流群 120926808目录(?)[+]Bootstrap 可视化HTML编辑器之summernote，用其官网上的介绍就是“Super Simple WYSIWYG editor”，不过在我看来，与bootstrap中文官网上提供的“bootstrap-wysiwyg”要更simple，更漂亮，

Bootstrap 已经大大简化响应式 web 开发，但是，如果再加上不用手动一点点敲代码，而是可以快速选择你想要使用的 Bootstrap 组件，然后直接将其拖进你的画板中，开发是否会变得更加轻松？！这便是所谓的所见即所得（What you see is what you get，WYSIWYG）开发模式，能帮你达成这一切的，便是“所见即所得编辑器”。所见即所得编辑器通常分为以下