EasyUI DataGrid显示图片

在EasyUI DataGrid中显示图片，可在列定义中使用formatter函数，在单元格内动态插入img标签来呈现图像。

1、 在Visual Studio中新建一个名为EasyUIDataGrid的空MVC项目。

2、 在项目中新增 HomeController 控制器及对应的 Index 视图页面。

3、 在项目中新建一个Content文件夹，将EasyUI的CSS、JavaScript文件及jQuery库放入其中，并在Index页面中引用这三个文件；为确保样式正常加载，建议按先CSS后JS的顺序引入。

4、 在项目中新建Images文件夹，并放入三张图片。

5、 在HomeController中定义一个Employee类，用作数据展示的实体模型。同时新增GetData方法，用于模拟数据库查询操作，返回包含员工信息的集合，并按照EasyUI DataGrid组件所要求的JSON格式（如含total和rows字段）进行组织与输出。

6、 在首页中插入一个表格元素，为其设置`class=easyui-datagrid`，并配置相应属性以初始化数据表格组件。针对PhotoPath列，需定义formatter函数，在其中动态生成``标签，实现图片路径的可视化渲染。该格式化方法需在JavaScript中单独编写，确保图片能按指定尺寸与样式正确显示，从而提升界面直观性与用户体验。

7、 调试模式下运行时，数据网格第二列将显示图片。