Табулятор получает данные из таблицы, но в массиве - PullRequest
Новая
       15

Табулятор получает данные из таблицы, но в массиве

0 голосов
/ 24 мая 2019

Я использую vuejs для получения данных из таблицы, как показано на рисунке ниже ["1848"], ["1796"] и т. Д. ... Но данные не находятся в массиве. Мне нужно, чтобы данные были в массиве, чтобы передать их php, так как мой запрос будет выглядеть так 

"SELECT * FROM bp.writer WHERE WPNo IN (?)"

console log

Вот мой оригинальный код; 

 let tableEntry = this.tableEntry.getRows(); 
    let i = 0;
    for (i = 0; i < tableEntry.length; i++) { 

        var obj = [tableEntry[i]._row.data["WPNo"]];
        //obj["WPNo"] = tableEntry[i]._row.data["WPNo"]; 

        console.log(obj) 
    }  
    //console.log(this.paymenttype) 

      window.open( axios.defaults.baseURL + "/pdf/bookpayment/print.php?Token=" +
                this.$store.getters.objUser.Token +
                "&UserID=" + this.$store.getters.objUser.UserID + 
                "&WPNo=" +  obj +  //need to pass in array
                "&Action=Print",
                "_blank");

Какой метод или функцию я должен использовать для преобразования результата в массив?

Ответы [ 2 ]

1 голос
/ 24 мая 2019

Попробуйте с этим. 

let tableEntry = this.tableEntry.getRows(); 
var array = [];

for (let i = 0; i < tableEntry.length; i++) { 

    var obj = [tableEntry[i]._row.data["WPNo"]];
    //obj["WPNo"] = tableEntry[i]._row.data["WPNo"]; 
    array.push(obj); //saves object into array

    console.log(obj) 
}  
//console.log(this.paymenttype) 

  window.open( axios.defaults.baseURL + "/pdf/bookpayment/print.php?Token=" +
            this.$store.getters.objUser.Token +
            "&UserID=" + this.$store.getters.objUser.UserID + 
            "&WPNo=" +  array +  //pass array
            "&Action=Print",
            "_blank");
0 голосов
/ 25 мая 2019

Вышеуказанный вопрос имеет очень низкое качество, нет никаких данных таблицы

Ответ на ваш вопрос Табулятор получает данные из таблицы, но в массиве http://tabulator.info/docs/4.2/components#component-row

var rowData = row.getData();


const tabledata1 = [{
    id: 1,
    name: "Oli ",
    money: "0",
    col: "red",
    dob: ""
  },
  {
    id: 2,
    name: "Mary ",
    money: "0",
    col: "blue",
    dob: "14/05/1982"
  },
  {
    id: 3,
    name: "Christine ",
    money: "0",
    col: "green",
    dob: "22/05/1982"
  },
  {
    id: 4,
    name: "Brendon ",
    money: "0",
    col: "orange",
    dob: "01/08/1980"
  },
  {
    id: 5,
    name: "Margret ",
    money: "0",
    col: "yellow",
    dob: "31/01/1999"
  },
];


const table = new Tabulator("#example-table", {
  height: 205, // set height of table (in CSS or here), this enables the Virtual DOM and improves render speed dramatically (can be any valid css height value)
  data: tabledata1, //assign data to table
  layout: "fitColumns", //fit columns to width of table (optional)
  autoColumns: true
});
const removeArrow = function() {
  console.log(table.getData());
}


$('#removeArrow').click(function() {
  removeArrow();
});
<!DOCTYPE html>
<html lang="en">

<script src="https://unpkg.com/tabulator-tables@4.2.4/dist/js/tabulator.min.js"></script>
<link href="https://unpkg.com/tabulator-tables@4.2.4/dist/css/tabulator.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<body>
  <div id="example-table"></div>

  <button id="removeArrow">Get Data in console</button>



</body>

</html>
...