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连接来传输文件
  • 热门搜索
    信用卡利息怎么算 中秋节的作文怎么写 高压锅怎么用 笔记本电脑怎么截屏 早孕试纸怎么用 鸡汤怎么炖 菜花怎么做 学生怎么赚钱 水饺怎么煮 矮个子怎么长高