为何要做小程序流程_BootStrap Table 后台数据绑定、

摘要: BootStrap Table 后台管理数据信息关联、独特列解决、排列作用 这节关键详细介绍Bootstrap的后台管理数据信息关联、独特列解决及列的排列作用,编码简易易懂,十分非常好,具备参...

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+'" rel="external nofollow" rel="external nofollow" 删除 /a 
 var updt=' a href="supdate.jsp Id='+row.Id+'" rel="external nofollow" rel="external nofollow" 修改 /a 
 var add=' a href="Include.jsp Id='+row.Id+'" rel="external nofollow" rel="external nofollow" 增加 /a '
 return del+" "+updt+" nbsp"+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+'" rel="external nofollow" rel="external nofollow" 删除 /a 
 var updt=' a href="supdate.jsp Id='+row.Id+'" rel="external nofollow" rel="external nofollow" 修改 /a 
 var add=' a href="Include.jsp Id='+row.Id+'" rel="external nofollow" rel="external nofollow" 增加 /a '
 return del+" "+updt+" nbsp"+add;
], }); 

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

 field: 'Name',
 title: 'Name', br em id="__mceDel" sortable:true /em 
}

以上所述是小编给大家介绍的BootStrap Table 后台数据绑定、特殊列处理、排序功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!




联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:电商网站