云社区 博客 博客详情

BootstrapTable插件自定义排序使用方法BootstrapTable插件自定义排序使用方法

木栖西 发表于 2019-09-09 16:37:57 2019-09-09
0
0

【摘要】 BootstrapTable插件含有样式的数据如何排序,如下面的字段stargazers_countvardata=[{"name":"bootstrap-table","stargazers_count":"526","stargazers_count1":"526","forks_count":"122","description":"AnextendedBootstrap...

Bootstrap Table 插件含有样式的数据如何排序,如下面的字段stargazers_count

    var data = [{
            "name": "bootstrap-table",
            "stargazers_count": "526",
			"stargazers_count1": "526",
            "forks_count": "122",
            "description": "An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. (supports twitter bootstrap v2 and v3) "
        },
        {
            "name": "multiple-select",
            "stargazers_count": "288",
			"stargazers_count1": "288",
            "forks_count": "150",
            "description": "A jQuery plugin to select multiple elements with checkboxes :)"
        },
        {
            "name": "bootstrap-show-passwordbootstrap-show-password",
            "stargazers_count": "32",
			"stargazers_count1": "32",
            "forks_count": "11",
            "description": "Show/hide password plugin for twitter bootstrap."
        },
        {
            "name": "blog",
            "stargazers_count": "13",
			"stargazers_count1": "13",
            "forks_count": "4",
            "description": "my blog"
        },
        {
            "name": "scutech-redmine",
            "stargazers_count": "6",
			"stargazers_count1": "6",
            "forks_count": "3",
            "description": "Redmine notification tools for chrome extension."
        }
    ];

有2种方式,

第一种方式:增加加样式之前的额外字段,如增加stargazers_count1 字段,并设置data-sort-name="stargazers_count1"

				
Name Stars Forks Description

第二种方式:通过data-sorter="sortHander"

				
Name Stars Forks Description

js 代码

    var reg1 =  /\d+(?=<)/;
	var reg2 = /\d+/;
	function sortHander(a,b){
	   if(a.search("span")!=-1 && b.search("span")!=-1){
		  	var c = a.match(reg1)[0];
		    var d = b.match(reg1)[0];
	        return c-d
	   }
	   if(a.search("span")!=-1 && b.search("span")==-1){
		  	var c = a.match(reg1)[0];
		    var d = b.match(reg2)[0];
	        return c-d
	   }
	   if(a.search("span")==-1 && b.search("span")!=-1){
		  	var c = a.match(reg2)[0];
		    var d = b.match(reg1)[0];
	        return c-d
	   }
	   if(a.search("span")==-1 && b.search("span")==-1){
		  	var c = a.match(reg2)[0];
		    var d = b.match(reg2)[0];
	        return c-d
	   }

	   //var reg = /\d+(?=<)/;

	}

 

文章来源: www.oschina.net,作者:tianyawhl,版权归原作者所有,如需转载,请联系作者。

原文链接:https://my.oschina.net/u/2612473/blog/3104034

登录后可下载附件,请登录或者注册

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:huaweicloud.bbs@huawei.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
评论文章 //点赞 收藏 0
点赞
分享文章到微博
分享文章到朋友圈

上一篇:30个关于Shell脚本的经典案例(上)30个关于Shell脚本的经典案例(上)

下一篇:Dataguard-通过主库热备方式创建容灾库顶Dataguard-通过主库热备方式创建容灾库顶

评论 (0)


登录后可评论,请 登录注册

评论