在初始查詢/表格中只繪製一列Google電子表格

好的，我試過尋找這個，並且在這裏沒有找到任何類似的問題。在初始查詢/表格中只繪製一列Google電子表格

我可能失去了一些東西很明顯 - 我真的一個網頁設計師誰被要求做編程的東西，我從來沒有了...

基本上，我有我的用戶選擇的查詢工作完美，看到這裏：http://umbc.edu/_bwtech/api2.html

但是，當頁面第一次加載，它會加載我所有的表列 - 但我只希望它拉第一列。

我以爲我在這裏工作：http://umbc.edu/_bwtech/api6.html 但是，然後用戶查詢不再起作用。

如何繪製一列而不會丟失對用戶選擇的查詢整個表中數據的訪問？

如果我更容易複製代碼，請告訴我。

謝謝！

來源

2012-08-27 Haikukitty

我想通了！

我只需要移動我的位置：

//應用查詢語言語句。 query.setQuery（'SELECT A'）;

out of sendAndDraw函數。

最後JS低於：

var isFirstTime = true; 
var options = {'showRowNumber': true}; 
var data; 
var queryInput; 

// To see the data that this visualization uses, browse to 
// http://spreadsheets.google.com/pub?key=rYQm6lTXPH8dHA6XGhJVFsA 
var query = new google.visualization.Query(
    'https://docs.google.com/a/umbc.edu/spreadsheet/ccc?key=0Akd-rqu1ZR70dDYxUEtFdGVadENqN09kT01pdklRbXc&pli=1#gid=0'); 

// Apply query language statement. 
query.setQuery('SELECT A'); 

function sendAndDraw() { 
    // Send the query with a callback function. 
    query.send(handleQueryResponse); 
} 

function handleQueryResponse(response) { 
    if (response.isError()) { 
    alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage()); 
    return; 
    } 
    data = response.getDataTable(); 
    var table = new google.visualization.Table(document.getElementById('querytable')); 
    table.draw(data, {'showRowNumber': false}); 
    if (isFirstTime) { 
    init(); 
    } 
} 

function setQuery(queryString) { 
    // Query language examples configured with the UI 
    query.setQuery(queryString); 
    sendAndDraw(); 
    queryInput.value = queryString; 
} 



google.setOnLoadCallback(sendAndDraw); 

function init() { 
    isFirstTime = false; 
    (new google.visualization.Table(document.getElementById('table'))).draw(data, options); 
    queryInput = document.getElementById('display-query'); 
} 

function setQueryFromUser() { 
    setQuery(queryInput.value); 
}

來源

2012-08-28 14:47:43 Haikukitty

在初始查詢/表格中只繪製一列Google電子表格

回答

相關問題