easyui中 field: 'applicationApt', title: '申请部门', width: 100, 设置如果value是10011 显示事业部怎么设置
时间: 2024-02-03 08:02:04 浏览: 132
千锋Java教程:EasyUI框架从入门到实战
如果你想在 EasyUI 的表格中,将字段值为 10011 显示为 "事业部",可以使用 `formatter` 函数来实现。以下是修改后的代码示例:
```javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Excel-like Table</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easyui/dist/themes/default/easyui.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easyui/dist/themes/icon.css">
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/easyui/dist/jquery.easyui.min.js"></script>
<style>
#dg {
width: 100%;
height: 400px;
}
</style>
</head>
<body>
<table id="dg" class="easyui-datagrid"
data-options="
url: 'get_data.php', // 替换成获取数据的 URL
singleSelect: true,
fitColumns: true,
toolbar: '#toolbar',
pagination: true,
pageSize: 20,
pageList: [10,20,30,40,50],
rownumbers: true,
striped: true,
columns: [[
{field:'id',title:'序号',width:60},
{field:'requestNumber',title:'申请单号',width:100},
{field:'documentName',title:'用印文件名称',width:150},
{field:'copyCount',title:'用印份数',width:80},
{field:'department',title:'申请部门',width:100, formatter: formatDepartment},
{field:'applicant',title:'申请人',width:100},
{field:'requestDate',title:'申请日期',width:100}
]]
">
</table>
<div id="toolbar">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true">Add</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true">Edit</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true">Remove</a>
</div>
<script>
function formatDepartment(value) {
if (value === '10011') {
return '事业部';
}
return value;
}
</script>
</body>
</html>
```
在上述代码中,我们添加了一个名为 `formatDepartment` 的函数,并将其作为 `formatter` 函数指定给了申请部门的列。在 `formatDepartment` 函数中,我们检查字段值是否为 `10011`,如果是,则返回字符串 `'事业部'`,否则返回原始值。这样就能实现将字段值为 `10011` 的显示为 `'事业部'`。
阅读全文