手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

easyui的datagrid中怎么显示图片

时间:2024-10-25 07:45:02

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

easyui的datagrid中怎么显示图片

2、在项目中添加HomeController和Index页面

easyui的datagrid中怎么显示图片

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

easyui的datagrid中怎么显示图片

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

easyui的datagrid中怎么显示图片

5、在HomeController文夹中添加一个新的Employee类,用于演示返回的殂翼瑟擀实体类。同时添加一个方法GetData,模拟从数据库获取到的数据列表,按照E锾攒揉敫asyUI的DataGrid需要的格式返回{"total":3, rows:[{}, {}]}

easyui的datagrid中怎么显示图片

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

easyui的datagrid中怎么显示图片

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

easyui的datagrid中怎么显示图片
© 手抄报圈