easyui的datagrid中要显示图片， 可以经由过程formatter在td栏位中添加一个img标签， 用于显示图片
需要这些哦
visual studio
方式/
1【easyui的datagrid中怎么显示图片】打开visual studio建立一个空的mvc项目EasyUIDataGrid
文章插图
2在项目中添加HomeController和Index页面
文章插图
3在项目中添加一个Content文件夹， 添加EasyUI的css、js、jquery三个文件， 并将三个文件引入到Index页面， 建议将css放在js前面
文章插图
4在项目中添加一个Images文件夹， 并添加三张图片进来
文章插图
5在HomeController文夹中添加一个新的Employee类， 用于演示返回的实体类 。 同时添加一个方式GetData， 模拟从数据库获取到的数据列表， 按照EasyUI的DataGrid需要的格局返回
{"total":3, rows:[{}, {}]}
文章插图
6在Index页面添加一个table标签， 指定class为easyui-datagrid， 并设置装备摆设其他属性， 如许一个datagrid就做好了， 在PhotoPath列添加formatter， 并添加格局化js方式， 添加img标签
文章插图
7在调试模式下运行， 就可以看到datagrid的第二列显示了图片
文章插图
以上内容就是easyui的datagrid中怎么显示图片的内容啦， 希望对你有所帮助哦！
推荐阅读
- 多闪怎么关闭把我推荐给可能认识的人
- 快手如何写说说，发布自己的状态
- 马齿苋的美味做法
- 雪莲花的花语，有什么传说
- 洋葱紫色和白色的区别
- 绯牡丹的养殖方法
- 佛手的养殖方法
- 植物的百毒全书，你一定要了解
- 佛座莲的养殖方法
- 花卉颜色居然对风水也有影响