easyui datagrid中如何展示图片

标签：图片   标签   如何   

 1 .Demo

   只写了关键的代码，其他的属性自行添加。

   首先引入easyui的js必要文件，然后Demo如下

   HTML部分:

   <div id=‘box‘><div>

   js部分:

   $(‘#box‘).datagrid({

    columns:[[

       {

           field: ‘imgurl‘,

            title: ‘图片‘,

           align:‘center‘,

          formatter:function(value,row,index){   //关键：格式化，并返回一个img标签

          return ‘<img width=‘60%‘ height=‘60px‘ src="‘+row.imgurl+‘"/>‘

          },

        }，

    ]];   

   });

 2.关键在于初始化该字段时，格式化默认返回值，返回img标签，并通过设置width和height来自适应。

本文出自 “三石轩” 博客，请务必保留此出处http://9967190.blog.51cto.com/9957190/1664420

easyui datagrid中如何展示图片

标签：图片   标签   如何   

原文地址：http://9967190.blog.51cto.com/9957190/1664420