TabSheet.setCellPictureSettings

Синтаксис

setCellPictureSettings (row, col, settings);

Параметры

row. Индекс строки ячейки;

col. Индекс столбца ячейки;

settings. JSON-объект с настройками изображения. Объект содержит следующие поля:

Описание

Метод setCellPictureSettings устанавливает настройки для картинки в ячейке таблицы.

Комментарии

Для работы метода необходимо, чтобы в JSON-настройках источника данных таблицы был задан список картинок, закодированных в base64 (см. «Содержимое файла tabSheetJSON.js»).

Пример

Для выполнения примера добавьте ссылки на файлы PP.css, PP.js и PP.TabSheet.js. Предполагается наличие файла tabSheetJSON.js с настройками источника данных таблицы.

Содержимое файла tabSheetJSON.js

data = {
   "Structure": {
      "@MUR": 2,
      "@MUC": 1,
      "DefaultRow": {
         "@H": 19
      },
      "DefaultColumn": {
         "@W": 71
      }
   },
   "Cells": {
      //Настройки ячейки с координатами (0,0)
      "Cell": [{
            "@L": 0,
            "@T": 0,
            "@SI": 1,
            "CellData": {
               "@IE": false,
               "@FT": "",
               "@V": "1"
            },

            //Данные об изображении в таблице
            "PD": {
               //Текст всплывающей подсказки
               "@T": "",
               //Активность
               "@E": true,
               //Выравнивание по вертикали
               "@VA": 1,
               //Индекс картинки при наведении курсора
               "@H": 0,
               //Выравнивание по горизонтали
               "@HA": 2,
               //Индекс картинки в нормальном состоянии
               "@N": 0
            }
         }
      ]
   },
   "Styles": {
      "Style": [{
         "Text": {}
      }]
   },
   //Набор картинок для таблицы
   "Images": {
      "TabImages": {
         "TabImage": [{
            "@CT": "png",
            "@W": 22,
            "@H": 13,
            //Индекс картинки

            "@I": 0,
            "$": "iVBORw0KGgoAAAANSUhEUgAAABYAAAANCAYAAACtpZ5jAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsAAAA7AAWrWiQkAAAAfdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA\/Pz8\/Pz8gMy41LjHgp8d4AAAAW0lEQVQ4T2MYPiAjIyM8LS2tAR8GqYEqJx4ANclgMwwZg9RAlQ8SAHSRCjaXgjBIDqqMPIDNUBCGSg9SAPR2EMylIDZUmHIANEwOyWA5qDB1AMhAqhs6iAADAwDtZUcr5mtBbwAAAABJRU5ErkJggg=="
         }, {
            "@CT": "png",
            "@W": 22,
            "@H": 13,
            "@I": 1,
            "$": "iVBORw0KGgoAAAANSUhEUgAAABYAAAANCAYAAACtpZ5jAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsAAAA7AAWrWiQkAAAAfdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA\/Pz8\/Pz8gMy41LjHgp8d4AAAAW0lEQVQ4T2MYPiAjI2NtWlraf3wYpAaqnHgA1GSOzTBkDFIDVT5IANBF7thcCsIgOagy8gA2Q0EYKj1IAdDbS2AuBbGhwpQDoGHWSAZbQ4WpA0AGUt3QQQQYGAADGFlLIcmooQAAAABJRU5ErkJggg=="
         }, ]
      }
   }
}

Добавим на страницу таблицу, в которой для ячейки с координатами (0,0) настроена картинка:

PP.ScriptManager.loadScripts(["tabSheetJSON.js"], tbsht);    
function tbsht() {        
    if (!data)
        return false;        
    if (!PP.Ui.ExamplePrognozSyncDataSource) {            
        PP.Ui.ExamplePrognozSyncDataSource = function (clear) {                
            this.MeasuresLoaded = new PP.Delegate();                
            this.RangeLoaded = new PP.Delegate(); 
        };
        // Создаём источник данных таблицы  

        PP.initClass(PP.Ui.ExamplePrognozSyncDataSource, PP.Object, "PP.Ui.ExamplePrognozSyncDataSource", [PP.Ui.ITabSheetDataSource]);            
        var esdsProto = PP.Ui.ExamplePrognozSyncDataSource.prototype;            
        esdsProto.getIsAsync = function () {                
            return false;            
        };            
        esdsProto.loadMeasures = function () {                
            this.MeasuresLoaded.fire(this, {
                Data: data
            });            
        };            
        esdsProto.loadRanges = function (rangeArray) {                
            this.RangeLoaded.fire(this, {
                Data: data,
                Ranges: rangeArray
            });            
        };            
        esdsProto = null;        

    }
    // Создаём экземпляр класса PP.Ui.ExamplePrognozSyncDataSource     
    dataSource = new PP.Ui.ExamplePrognozSyncDataSource();        
    component = new PP.Ui.TabSheet(   {       
        ParentNode: container,
               DataSource: dataSource,
               IsEditable: true,
               Width: 400,
               Height: 250            
    });    
}

После выполнения примера на странице будет размещена таблица с картинкой в ячейке с координатами (0,0):

При наведении курсора на картинку её внешний вид не изменяется и не вызывается всплывающая подсказка.

Установим картинку, которая будет отображаться при наведении на неё курсора, настроим всплывающую подсказку и изменим выравнивание:

component.setCellPictureSettings(0, 0, {hover: 1, normal: 0, hint: "Sort", horAlignment: 1, verAlignment:2});

После выполнения метода setCellPictureSettings для картинки будет установлено выравнивание по горизонтали по правому краю и по вертикали по центру. При наведении курсора на картинку её внешний вид изменится (будет использована картинка с индексом 1, описанная в JSON-настройках), и отобразится всплывающая подсказка:

См. также:

TabSheet