简洁而强大的下拉分页选择器 v-selectpage

MIT
JavaScript 查看源码»
跨平台
2018-07-02
TerryZ

v-selectpage

简洁而强大的下拉分页选择器

基于 Vue2 强大的选择器, 可分页的列表或表格展现形式, 使用标签形式的多选模式, 国际化 i18n 和服务端数据源支持

文档、实例

请浏览

jQuery 版本: SelectPage

功能特点

  • 分页展示数据

  • i18n 支持, 提供了 中文、英文、日文 等语言

  • 服务端数据源支持

  • 使用标签模式进行项目多选

  • 可使用键盘进行快速导航

  • 提供快速搜索,进行快速数据定位

  • 提供列表视图和表格视图进行展示数据

  • 可自定义行显示方式

插件预览

列表视图单选模式

single

列表视图使用标签的多选模式

multiple

表格视图

table

插件安装

npm install v-selectpage --save

在项目入口 main.js 中引入

import Vue from 'vue'
import vSelectPage from 'v-selectpage';
Vue.use(vSelectPage);

在页面中使用

template

< template >
    < v-selectpage :data="list" key-field="id" show-field="name" class="form-control">
    < /v-selectpage >< /template >

script

export default {
    data(){
        return {
            list: [
                {id:1 ,name:'Chicago Bulls',desc:'芝加哥公牛'},
                {id:2 ,name:'Cleveland Cavaliers',desc:'克里夫兰骑士'},
                {...}
            ]
        }
    }
};
的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

v-selectpage v2.0.2,增加阿拉伯语及 RTL 显示模式支持

基于 Vue2 的 v-selectpage v2.0.2 版本发布,更新内容: 重构插件 修改 iconfont 字体名称,以免与实际项目中的字体名称冲突 修复部分情况下全选当前页功能无效的问题 修复服务端数据模式可...

01/04 10:43

隆重推出基于 Vue2 的 v-selectpage,增加表格模式

基于 Vue2 的 v-selectpage v1.0.15 版本发布,更新内容: 修复下拉菜单超出屏幕后的处理 使用 v-model 属性取代 selected 参数, 作为插件初始化,以及数据值返回的对象 修复消息窗口图标错...

2018/07/12 09:40

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

简洁而强大的下拉分页选择器 v-selectpage

v-selectpage 简洁而强大的下拉分页选择器 基于 Vue2 强大的选择器, 可分页的列表或表格展现形式, 使用标签形式的多选模式, 国际化 i18n 和服务端数据源支持 文档、实例 请浏览 English site...

2018/07/27 18:31
139
0
录播教室预约系统(三)-DepTable表[普通表]

DepTable表 主要作用 存放单位名称 如图: 模板下载地址 CodeSmith版本为v6.5 第一步:用CodeSmith模板生成DepTable表相关的存储过程 生成的存储过程如下: /****** Object: Stored Proced...

2015/03/03 14:43
15
0
表格插件-BootStrapTable

属性 (Options) 基本使用 $('#tableID').bootstrapTable({}) 表的各项(Table options ) 定义在 jQuery.fn.bootstrapTable.defaults 文件内 名称 类型 默认值 作用描述 height Number 表格的高...

今天 10:49
0
0
录播教室预约系统(四)-ClassRoom表[带有外键的表]

ClassRoom是与教室信息相关的表,包含教室的名称 这个表比前面介绍的DepTable表稍微复杂点,他有一列DepID 这列是与DepTable表中的ID相对应的的。 有了DepID这一列,我们就可以根据DepID 获取...

2015/03/03 14:44
13
0
录播教室预约系统(四)-ClassRoom表[带有外键的表]

ClassRoom是与教室信息相关的表,包含教室的名称 这个表比前面介绍的DepTable表稍微复杂点,他有一列DepID 这列是与DepTable表中的ID相对应的的。 有了DepID这一列,我们就可以根据DepID 获取...

2015/03/03 14:44
19
0
MyBatis-Plus(七)~CRUD接口

一、Mapper CRUD 接口 说明: 通用 CRUD 封装BaseMapper 接口,为 Mybatis-Plus 启动时自动解析实体表关系映射转换为 Mybatis 内部对象注入容器 泛型 T 为任意实体对象 参数 Serializable 为任...

2018/12/08 17:22
53
0
Mybatis-plus3.x 增加updateAllColumnById扩展实现

Mybatis-plus从2.x 升级到 3.x 后的变化还是比较大的,其中就删除了UpdateAllColumnById方法。项目里用到的地方比较多,昨天抽时间看下源码,写了和扩展重新实现了这个功能。 在这记录下,也...

2018/10/24 00:01
502
2
MyBatis-Plus | 最优雅最简洁地完成数据库操作

引言 两点: 一,使用MyBatis-Plus最新版(3.0.1)完成相关操作 二,好久没写MyBatis操作数据库的博文了,有没有想我啊,哈哈,认真看,认真听,认真学。 测试效果: 下面听我细细道来,MyB...

2018/09/01 18:44
214
0
Jquery 中好的分页插件kkpager

kkpager是Jquery 中好的分页插件之一,下面介绍一下该插件如何使用

2015/09/06 15:10
88
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部