bootstrap+dataTables+layui
面条请不要欺负汉堡
道理不是拿来懂的,而是拿来悟的
展开
-
了解KnockOut.js
Knockout是微软出品,是MVVM模型领域内的先驱,使用函数偷龙转凤,最短编辑长度算法实现DOM的同步,兼容IE6。Knockout是一个JS的MVVM模式的实现,Knockout是建立在3个核心功能之上:属性监控与依赖追踪 声明式绑定 模板机制MVVMMVVM是微软WPF结合发展演变的一种新型的架构框架。MVVM设计模式的优点低耦合 Model的修改不会影响视图的展现,ViewModel可绑定不同的View,当View变化时Model可以不变,当Model变..转载 2020-07-20 09:56:22 · 801 阅读 · 1 评论 -
layui 常见使用及注意
一.注意1.layui-nav-itemed 这个加上就是默认展开 菜单二.菜单1.菜单数据类型[ { "name": "审核管理", "id":1,//这个每个菜单都要不一样 "icon": "",//这个字体图标 "url": "shgl",//菜单路劲 "children": null// 子集 }, { "name": "打印寄件管理",...原创 2019-05-12 20:50:10 · 8693 阅读 · 1 评论 -
datatable前端传递参数与后端返回值格式说明
一.datatable前端传递参数其中,draw是请求的序号,start是数据的起始,length是需要返回的最大数据条数。search[value]是查找的值。服务端采用java的servlet完成。前端传递参数:columns[0][data] 0columns[0][name] columns[0][orderable] truecolumns[0][se...原创 2018-07-18 14:07:08 · 9828 阅读 · 1 评论 -
前端表格插件 BootstrapTable 入门教程
官网地址: http://bootstrap-table.wenzhixin.net.cn/zh-cn/Github地址: https://github.com/wenzhixin/bootstrap-table主要功能支持 Bootstrap 3 和 Bootstrap 2自适应界面固定表头非常丰富的配置参数直接通过标签使用显示/隐藏列显示/隐藏表头通过 AJAX 获取 JSON 格式的数据支持...转载 2018-06-28 09:38:42 · 1202 阅读 · 0 评论 -
bootstrapTable的使用
一.参数配置var $table; //初始化bootstrap-table的内容 function InitMainTable () { //记录页面bootstrap-table全局变量$table,方便应用 var queryUrl = '/TestUser/FindWithPager?rnd=' + Ma...原创 2018-04-02 16:20:46 · 2007 阅读 · 0 评论 -
datatables参数配置详解
/*------------------------------------------------Feature------------------------------------------------*/ $(document).ready( function (){ $(‘selector‘).dataTable( { /* * 默认转载 2017-12-15 09:01:34 · 2661 阅读 · 0 评论 -
BootStrap modal模态弹窗使用
默认的model案例: Bootstrap Modal Launch demo modal ×原创 2017-11-27 10:54:28 · 4677 阅读 · 0 评论 -
dataTables的选项——特性及国际化语言
一.特性(功能)1.jQueryUI:控制是否使用jquerui的样式(需要引入jqueryui的css)eg: "jQueryUI": "true", //默认是false2.autoWidth:控制Datatables是否自适应宽度,默认是true注意:可以使用columns.width/columns.height来设置tr的宽高如果使用bootstrap的时候,可以使原创 2017-11-23 10:44:27 · 4559 阅读 · 0 评论 -
datatables 行内修改
行内修改1.案例1:查看官网例子2.案例2:查看官网例子原创 2017-12-20 10:53:07 · 6077 阅读 · 0 评论 -
datatables 常用的操作、复杂表头
一.设置细节1.选中状态①选中一条:var tableSelects= $("#tbMain table").DataTable().row('.selected').data();②选中所有数据var tableSelects= $("#tbMain table").DataTable().rows('.selected').data();2.显示 复选框 o...原创 2017-12-15 09:31:16 · 5752 阅读 · 1 评论 -
Datatables简单的使用
一.Datatables简介DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。主要特点:自动分页处理即时表格数据过滤数据排序以及数据类型自动检测自动处理列宽度可通过CSS定制样式支持隐藏列易用可扩展性和灵活性国际化动态创建表格免费的DataTables的官网是:http://www.d原创 2017-11-22 21:38:22 · 465 阅读 · 0 评论 -
datatables 使用中遇到的问题
一遇到问题1.做法:①直接访问后端接口的地址(HisServlet那段),看有没有值②后端接口的地址,没有值;看下如果没有账号密码登录,可不可以访问首页,如果可以访问,但是没有数据的话,那说明后端地址有启动。③查看字段是否正确,如正确看下myEclpse是否报错(我这个错误是因为myeclpse 报错的,所以没有获取后端的数据)2.json返回数据,但是表格不显示数据做法:①直接访问后端接口的地址...原创 2017-11-30 15:04:37 · 1086 阅读 · 0 评论 -
adminLTE的介绍
一.adminLTE的介绍adminLTE的官方网站:adminLTE官方网站 和github:adminLTE的github演示地址:adminLTE演示地址adminLTE是基于bootstrap3的前端框架,并且将bootstrap3进行修改来适应自身的样式。adminLTE除了可以使用bootstrap3的大多数样式之外,自身也提供了一些非常实用的样式包装,并且在样式演原创 2017-11-15 15:46:57 · 9811 阅读 · 0 评论