BootStrap Table 后台数据绑定、特殊列处理、排序功能

发布时间：2020-12-18 00:37:14 所属栏目：安全来源：网络整理

导读：本节主要介绍Bootstrap的后台数据绑定、特殊列处理及列的排序功能 1.数据绑定一般做程序设计，很少是使用json文件直接绑定数据。基本上我们都是使用编程语言进行数据获取，并做数据绑定。放置一个Table控件调用javascript的代码 $('#table').bootstrapTab

本节主要介绍Bootstrap的后台数据绑定、特殊列处理及列的排序功能

1.数据绑定

一般做程序设计，很少是使用json文件直接绑定数据。基本上我们都是使用编程语言进行数据获取，并做数据绑定。

放置一个Table控件

调用javascript的代码

$('#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代码增加了一个特殊列

js的代码修改为

$('#table').bootstrapTable({ url: 'tablejson.jsp',columns: [

{
field: 'Id',title: 'Desc'
},{
field: '#',index){
var del='删除';
var updt='修改';
var add='增加'
return del+" "+updt+"&nbsp"+add;
}
}
],});　

3.列的排序，排序主要是在列中增加了一个属性

}

以上所述是小编给大家介绍的BootStrap Table 后台数据绑定、特殊列处理、排序功能。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!