easyui的datagrid中怎么显示图片

easyui的datagrid中怎么显示图片

easyui的datagrid中要显示图片，可以通过formatter在td栏位中添加一个img标签，用于显示图片

打开visual studio创建一个空的mvc项目EasyUIDataGrid

在项目中添加HomeController和Index页面

在项目中添加一个Content文件夹，添加EasyUI的css、js、jquery三个文件，并将三个文件引入到Index页面，建议将css放在js前面

在项目中添加一个Images文件夹，并添加三张图片进来

在HomeController文夹中添加一个新的Employee类，用于演示返回的实体类。同时添加一个方法GetData，模拟从数据库获取到的数据列表，按照EasyUI的DataGrid需要的格式返回

{"total":3, rows:[{}, {}]}

在Index页面添加一个table标签，指定class为easyui-datagrid，并配置其他属性，这样一个datagrid就做好了，在PhotoPath列添加formatter，并添加格式化js方法，添加img标签

在调试模式下运行，就可以看到datagrid的第二列显示了图片