Блог

Главная - Вопросы по программированию - Получение значений специального столбца в электронной таблице Kendo

Получение значений специального столбца в электронной таблице Kendo

#javascript #jquery #kendo-ui #kendospreadsheet

#javascript #jquery #kendo-пользовательский интерфейс #kendospreadsheet

Вопрос:

Например, у меня есть столбец, подобный этому :

A

50

65

73

NULL

63

Я могу получить значения выбранного диапазона

 let sh = $("#spreadsheet").getKendoSpreadsheet();
var sheet = sh.activeSheet();
var range = sheet.selection();
var values = range.values();

и хотите получить все значения столбца без выбора. Есть ли в kendo-spreadsheet метод, подобный тому, который я хочу? Что мне делать?

Ответ №1:

Вы можете получить значения в определенном диапазоне с помощью range функции, подобной этой:

 var spreadsheet = $("#spreadsheet").data("kendoSpreadsheet");
var values = spreadsheet.sheets()[0].range("A1:A3").values();

Вы можете увидеть демонстрацию в следующем фрагменте:

 <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.mobile.all.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.1.220/js/jszip.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.1.220/js/kendo.all.min.js"></script>
</head>
<body>
  
<button id="test">Test</button>
<div id="spreadsheet"></div>
<script>
    $("#spreadsheet").kendoSpreadsheet({
        sheets: [{
            rows: [{
                cells: [{ value: "A" }, { value: "B" }, { value: "C" }]
            }, {
                cells: [{ value: "1" }, { value: "2" }, { value: "3" }]
            }, {
                cells: [{ value: "4" }, { value: "5" }, { value: "6" }]
            }]
        }]
    });
  
    $("#test").click(function(e) {
        var spreadsheet = $("#spreadsheet").data("kendoSpreadsheet");
        alert(spreadsheet.sheets()[0].range("A1:A3").values().join(", "));
    });
</script>
</body>
</html>