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

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
                  }


你可能感兴趣的:(image,图片,grid,图标,ligerUI)