LigerUi的Grid中显示Image图片或图标！

最新推荐文章于 2021-11-09 15:59:22 发布

敦厚的曹操

最新推荐文章于 2021-11-09 15:59:22 发布

阅读量7.5k

点赞数

分类专栏： 8.【LigerUI-Js】文章标签： LigerUi Grid Image 图片图标

本文链接：https://blog.csdn.net/dxnn520/article/details/9387961

版权

8.【LigerUI-Js】专栏收录该内容

53 篇文章 0 订阅

订阅专栏

LigerUi的Grid中显示Image图片或图标！

以下代码，为grid中显示字段列部分，既可以单击选择图片（只是前台部分），也可以显示出图片，并控制图片大小！

                  {
                      display: '图标', name: 'Menu_Icon', align: 'left', width: 100, minWidth: 60
                  , validate: { required: true }
                  , editor: {
                      type: 'select',
                      ext:
                      function (rowdata) {
                          return {
                              onBeforeOpen: function () {
                                  currentComboBox = this;
                                  // alert("click");
                                  f_openIconsWin();
                                  return false;
                              },
                              render: function () {
                                  return rowdata.Menu_Icon || defaulticon;
                              }
                          };
                      }
                  }//EXT
                   , render: function (item) {
                       return "<div style='width:100%;height:100%;'><img height='16' width='16' src='../" + item.Menu_Icon + "' /></div>";

                     
                   } //render
                  }