内容简介:bootstrap table教程--后台数据绑定、特殊列处理、排序
上一篇文章介绍了基本的使用教程。本节主要介绍Bootstrap的后台数据绑定、特殊列处理及列的 排序 功能
1.数据绑定
一般做程序设计,很少是使用json文件直接绑定数据。基本上我们都是使用编程语言进行数据获取,并做数据绑定。
放置一个Table控件
<table id="table" ></table>
调用javascript的代码
<script >
$('#table').bootstrapTable({
url: 'tablejson.jsp', //数据绑定,后台的数据从jsp代码
search:true,
uniqueId:"Id",
pageSize:"5",
pageNumber:"1",
sidePagination:"client",
pagination:true,
height:'400',
columns: [
{
field: 'Id',
title: '中文'
}, {
field: 'Name',
title: 'Name'
}
, {
field: 'Desc',
title: 'Desc'
}
],
});
2.特殊列处理
在实际应用中,我们需要增加我们的特殊列,例如是操作列,看下列的js代码 增加了一个特殊列
{
field: '#',
title: 'control',formatter:function(value,row,index){
var del='<a href="Delete!delete.action?Id='+row.Id+'">删除</a>';
var updt='<a href="supdate.jsp?Id='+row.Id+'">修改</a>';
var add='<a href="Include.jsp?Id='+row.Id+'">增加</a>'
return del+" "+updt+" "+add;
}
}
js的代码修改为
<script >
$('#table').bootstrapTable({
url: 'tablejson.jsp', //数据绑定,后台的数据从jsp代码
search:true,
uniqueId:"Id",
pageSize:"5",
pageNumber:"1",
sidePagination:"client",
pagination:true,
height:'400',
columns: [
{
field: 'Id',
title: '中文'
}, {
field: 'Name',
title: 'Name'
}
, {
field: 'Desc',
title: 'Desc'
}
,
{
field: '#',
title: 'control',formatter:function(value,row,index){
var del='<a href="Delete!delete.action?Id='+row.Id+'">删除</a>';
var updt='<a href="supdate.jsp?Id='+row.Id+'">修改</a>';
var add='<a href="Include.jsp?Id='+row.Id+'">增加</a>'
return del+" "+updt+" "+add;
}
}
], });
3.列的排序,排序主要是在列中增加了一个属性
{
field: 'Name',
title: 'Name',
sortable:true
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- WPF中在MVVM模式下,后台绑定ListCollectionView事件触发问题
- Golang Echo数据绑定中time.Time类型绑定失败
- 如何在Symfony的表单中添加一个未绑定字段,否则绑定到一个实体?
- js双向绑定
- 延迟静态绑定——static
- 绑定自定义事件
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Windows核心编程(第5版)
Jeffrey Richter、Christophe Nasarre / 葛子昂、周靖、廖敏 / 清华大学出版社 / 2008-9 / 99.00元
这是一本经典的Windows核心编程指南,从第1版到第5版,引领着数十万程序员走入Windows开发阵营,培养了大批精英。. 作为Windows开发人员的必备参考,本书是为打算理解Windows的C和C++程序员精心设计的。第5版全面覆盖Windows XP,Windows Vista和Windows Server 2008中的170个新增函数和Windows特性。书中还讲解了Windows......一起来看看 《Windows核心编程(第5版)》 这本书的介绍吧!