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中怎么显示图片
  • 如何在电脑中无损扩容分区 无损扩容分区方法
  • 如何用Cmd打开系统组件服务
  • jquer如何在输入结束时触发事件
  • PHP教程 通过http协议打开文件
  • FileZilla怎么进行sftp连接来传输文件
  • 热门搜索
    初中英语手抄报 防疫手抄报大全图片 禁毒手抄报内容资料 抗击病毒的手抄报 初中数学手抄报 欢乐中国年手抄报 爱成都迎大运手抄报 抗日战争手抄报 关于诚信的手抄报 有关春节的手抄报