bootstraptable冻结列无效_bootstrap-table 冻结列 &&表格点击

该博客主要介绍了如何处理Bootstrap表格的点击事件,特别是在不同列(如Geo、Subgeo、Brand等)上点击时,触发多选下拉框的筛选操作,并通过级联查询更新相关数据。同时,文章提及了表格冻结列的问题,但未提供解决方案。
摘要由CSDN通过智能技术生成

// 表格点击事件

function onclick(e) {

if ($(this).get(0).nodeName ==

"TD"&&$(this).get(0).innerText!="Total") {

var tr1 = this.parentNode.parentNode.parentNode;

var columnsName = "";

var test = tr1.childNodes[0].innerText.split("\n");

if ((navigator.userAgent.indexOf("Safari") > 0 ||

navigator.userAgent.indexOf("Chrome") > 0) && test[0] !=

"\r") {

columnsName =

tr1.childNodes[0].innerText.split("\n")[this.cellIndex];

} else if ((navigator.userAgent.indexOf("Gecko") > 0 ||

navigator.userAgent.indexOf("Edge") > 0) && test[0] ==

"\r") {

columnsName =

tr1.childNodes[0].innerText.split("\n")[this.cellIndex * 4 +

2];

} else if (navigator.userAgent.indexOf("Firefox") > 0

&& test[0] != "\r") {

columnsName =

tr1.childNodes[0].innerText.split("\n")[this.cellIndex * 2];

}

if (columnsName == "Geo") {

$("#geo").multiselect('deselect', $("#geo").val());

$("#geo").multiselect('select',

$(this).get(0).innerText);

$("#geo_option").val($(this).get(0).innerText);

geoChange(columnsName);

loadDate();

} else if (columnsName == "Subgeo") {

$("#region").multiselect('deselect',

$("#region").val());

$("#region").multiselect('select',

$(this).get(0).innerText);

$("#region_option").val($(this).get(0).innerText);

geoChange(columnsName);

loadDate();

} else if (columnsName == "Brand") {

$("#brand").multiselect('deselect', $("#brand").val());

$("#brand").multiselect('select',

$(this).get(0).innerText);

$("#brand_option").val($(this).get(0).innerText);

geoChange(columnsName);

loadDate();

} else if (columnsName == "Plant Type") {

$("#plantType").multiselect('deselect',

$("#plantType").val());

$("#plantType").multiselect('select',

$(this).get(0).innerText);

$("#plantType_option").val($(this).get(0).innerText);

geoChange(columnsName);

loadDate();

} else if (columnsName == "Country") {

$("#country").multiselect('deselect',

$("#country").val());

$("#country").multiselect('select',

$(this).get(0).innerText);

$("#country_option").val($(this).get(0).innerText);

loadDate();

} else if (columnsName == "Family") {

$("#family").multiselect('deselect',

$("#family").val());

$("#family").multiselect('select',

$(this).get(0).innerText);

$("#family_option").val($(this).get(0).innerText);

loadDate();

} else if (columnsName == "Plant") {

$("#plant").multiselect('deselect', $("#plant").val());

$("#plant").multiselect('select',

$(this).get(0).innerText);

$("#plant_option").val($(this).get(0).innerText);

loadDate();

} else {

return false

}

}

}

// 表格点击事件级联查询

function geoChange(columnsName) {

var urlparam = "";

var dataparam = {};

var selectId = "";

if (columnsName == "Geo") {

urlparam = "/api/backlog/regbygeos";

dataparam.geo = $("#geo_option").val();

selectId = "#region";

}

if (columnsName == "Subgeo") {

urlparam = "/api/backlog/coubygeosandregs";

dataparam.geo = $("#geo_option").val();

dataparam.subgeo = $("#region_option").val();

selectId = "#country";

}

if (columnsName == "Brand") {

urlparam = "/api/backlog/fambybras";

dataparam.brand = $("#brand_option").val();

selectId = "#family";

}

if (columnsName == "Plant Type") {

urlparam = "/api/backlog/plantbytypes";

dataparam.plantType = $("#plantType").val();

selectId = "#plant";

}

$.ajax({

contentType : "application/json; charset=utf-8",

async: false,

type : "POST",

url : urlparam,

dataType : "json",

data : JSON.stringify(dataparam),

success : function(result) {

var data = result.data;

$(selectId).empty();

if (columnsName == "Geo") {

$("

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值