easyui的datagrid中怎么显示图片

easyui的datagrid中要显示图片,可以经由过程formatter在td栏位中添加一个img标签,用于显示图片

东西/原料

  • visual studio

方式/步调

  1. 1

    打开visual studio建立一个空的mvc项目EasyUIDataGrid

  2. 2

    在项目中添加HomeController和Index页面

  3. 3

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

  4. 4

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

  5. 5

    在HomeController文夹中添加一个新的Employee类,用于演示返回的实体类。同时添加一个方式GetData,模拟从数据库获取到的数据列表,按照EasyUI的DataGrid需要的格局返回

    {"total":3, rows:[{}, {}]}

  6. 6

    在Index页面添加一个table标签,指心猿意马class为easyui-datagrid,并设置装备摆设其他属性,如许一个datagrid就做好了,在PhotoPath列添加formatter,并添加格局化js方式,添加img标签

  7. 7

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

  • 发表于 2019-01-18 00:00
  • 阅读 ( 882 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具