1、打开visual studio创建一个空的mvc项目EasyUIDataGrid
2、在项目中添加HomeController和Index页面
3、在项目中添加一个Content文件夹,添加EasyUI的css、js、jquery三个文件,并将三个文件引入到Index页面,建议将css放在js前面
4、在项目中添加一个Images文件夹,并添加三张图片进来
5、在HomeController文夹中添加一个新的Employee类,用于演示返回的殂翼瑟擀实体类。同时添加一个方法GetData,模拟从数据库获取到的数据列表,按照E锾攒揉敫asyUI的DataGrid需要的格式返回{"total":3, rows:[{}, {}]}
6、在Index页面添加一个table标签,指定class为easyui-datagr坡纠课柩id,并配置其他属性,这样一个datagrid就做好了,在PhotoPath列添加formatter,并添加格式化js方法,添加img标签
7、在调试模式下运行,就可以看到datagrid的第二列显示了图片