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中怎么显示图片的内容啦, 希望对你有所帮助哦!
猜你喜欢
- 多闪怎么关闭把我推荐给可能认识的人
- 快手如何写说说,发布自己的状态
- 马齿苋的美味做法
- 雪莲花的花语,有什么传说
- 洋葱紫色和白色的区别
- 绯牡丹的养殖方法
- 佛手的养殖方法
- 植物的百毒全书,你一定要了解
- 佛座莲的养殖方法
- 花卉颜色居然对风水也有影响
