Bootstrap Table jQuery双击单击事件

最新推荐文章于 2021-10-08 09:56:36 发布

木子李0531

最新推荐文章于 2021-10-08 09:56:36 发布

阅读量847

点赞数

本文链接：https://blog.csdn.net/lfbin5566/article/details/109379066

版权

这段代码展示了一个响应式表格的实现，包括双击和单击事件监听。表格包含'编号'、'名称'、'手机号'和'分配状态'等字段，并通过'ufpcntFormatter'函数处理'分配状态'的显示。双击行时会弹出手机号，单击也有相同行为。

摘要由CSDN通过智能技术生成

<table id="CodeGoodsTable" data-mobile-responsive="true" data-click-to-select="true" lay-filter="demoEvent>
	<thead>
        <tr>
            <th data-field="selectItem" data-checkbox="true"></th>
        </tr>
    </thead>			
</table>

<script>
	var CodeGoods = {id: "CodeGoodsTable",seItem: null,table: null,layerIndex: -1};

	CodeGoods.initColumn = function () {
 		return [
 			{field: 'selectItem', checkbox: true},
 			{title: '编号', field: 'rmid', visible: true, align: 'center', valign: 'middle'},
 			{title: '名称', field: 'rwname', visible: true, align: 'center', valign: 'middle'},
 			{title: '手机号', field: 'utel1', visible: true, align: 'center', valign: 'middle'},
 			{title: '分配状态', field: 'ufpcnt', visible: true, align: 'center', valign: 'middle',formatter:CodeGoods.ufpcntFormatter},
 		];
 	};

//双击事件
$('#CodeGoodsTable').on('dbl-click-row.bs.table', function (e, row, element){
	alert(row.utel1);
    return false;
	//parent.$("#param").val(row.utel1)
	// alert(parent.$("#param").val());
		
});
//单击事件
$('#CodeGoodsTable').on('click-row.bs.table', function (e, row, element){
	alert(row.utel1);
	//parent.$("#param").val(row.utel1)
	// alert(parent.$("#param").val());
		
});
CodeGoods.ufpcntFormatter = function(value,row,index) {
		if(value !== null){
			if(value > 0){
				return '已分配';
			}else{
				return '未分配';
			}
		}
	}
</script>