easyui的datagrid中要显示图片,可以经由过程formatter在td栏位中添加一个img标签,用于显示图片
打开visual studio建立一个空的mvc项目EasyUIDataGrid
在项目中添加HomeController和Index页面
在项目中添加一个Content文件夹,添加EasyUI的css、js、jquery三个文件,并将三个文件引入到Index页面,建议将css放在js前面
在项目中添加一个Images文件夹,并添加三张图片进来
在HomeController文夹中添加一个新的Employee类,用于演示返回的实体类。同时添加一个方式GetData,模拟从数据库获取到的数据列表,按照EasyUI的DataGrid需要的格局返回
{"total":3, rows:[{}, {}]}
在Index页面添加一个table标签,指心猿意马class为easyui-datagrid,并设置装备摆设其他属性,如许一个datagrid就做好了,在PhotoPath列添加formatter,并添加格局化js方式,添加img标签
在调试模式下运行,就可以看到datagrid的第二列显示了图片
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!