layui不同字段聯動刷新

核心代碼:

//監聽單元格編輯
table.on('edit(demoEvent)', function(obj){
	var value = obj.value //得到修改後的值
	,data = obj.data //得到所在行所有鍵值
	,field = obj.field; //得到字段
	console.log(obj);
	window.console.log( field + ' 字段更改爲:'+ value);
	var $cur = obj.tr.find('td[data-field="'+field+'"]').eq(0);
	console.log("cur",$cur);
	var x = $cur.prevAll().length;
	var y = $cur.parent().attr('data-index');
	var plantValue = "";
	var energyValue = "";
	var countNum = timeType=="1"?5:(timeType=="2"?15:24);
	if(x==1){
		plantValue = value;
		energyValue = plantValue*countNum;
		obj.tr.find('td[data-field="energyvalue"]').eq(0).children().text(energyValue)
	}
	if(x==2){
		energyValue = value;
		plantValue = (energyValue/countNum).toFixed(2);
		obj.tr.find('td[data-field="planvalue"]').eq(0).children().text(plantValue)
	}
	var myChart = echarts.init(document.getElementById('leftEcharshow2'));
	var charData = leftEcharData;
	charData.series[0].data[y]=plantValue;
	charData.series[1].data[y]=energyValue;
	var option = config.leftEcharOption;
	
	option.title.text=data.ptitle;
	option.series[0].data=charData.series[0].data;
	option.series[1].data=charData.series[1].data;
	option.series[2].data=charData.series[2].data;
	option.series[3].data=charData.series[3].data;
	option.xAxis.data =data.xAxis;
	myChart.setOption(option,true);
	myChart.resize();
});

效果圖:

 

 

發佈了4 篇原創文章 · 獲贊 0 · 訪問量 268
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章