使用tabulator单击按钮从单行中获取值,可以通过以下步骤实现:
以下是一个示例代码片段,演示如何从tabulator的单行中获取值:
<!DOCTYPE html>
<html>
<head>
<title>Tabulator获取值示例</title>
<script src="https://unpkg.com/tabulator-tables@4.9.3/dist/js/tabulator.min.js"></script>
</head>
<body>
<div id="table-container"></div>
<script>
// 创建表格配置
var table = new Tabulator("#table-container", {
columns: [
{ title: "姓名", field: "name" },
{ title: "年龄", field: "age" },
{ title: "操作", formatter: "buttonCross", align: "center", cellClick: handleButtonClick },
],
data: [
{ name: "张三", age: 25 },
{ name: "李四", age: 30 },
{ name: "王五", age: 35 },
],
});
// 处理按钮点击事件的函数
function handleButtonClick(e, cell) {
// 获取被点击的行对象
var row = cell.getRow();
// 获取特定列的值
var name = row.getData().name;
var age = row.getData().age;
// 打印获取到的值
console.log("姓名:" + name);
console.log("年龄:" + age);
}
</script>
</body>
</html>
在上述示例中,我们创建了一个包含姓名、年龄和操作按钮列的表格。当按钮被点击时,我们通过获取行对象和行对象的数据属性来获取姓名和年龄的值,并将其打印到控制台中。
请注意,这只是一个示例,你可以根据自己的需求进行修改和扩展。有关tabulator库的更多信息和其他功能,请参阅官方文档:Tabulator官方文档。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云