2012-11-28 73 views
2

我試圖用這個裝載模式,我發現這裏的SO: Load slickgrid將數據加載到slickgrid

話雖這麼說,我有一些麻煩實際顯示網格。 我不斷收到「未捕獲的ReferenceError:loadGrid未定義」。我不確定選項var,我懷疑我不正確地初始化它。

任何幫助,將不勝感激。

function loadGrid() { 
    var data = [ 
     ['3m Co',        71.72, 0.02, 0.03, '9/1 12:00am'], 
     ['Alcoa Inc',       29.01, 0.42, 1.47, '9/1 12:00am'], 
     ['Altria Group Inc',     83.81, 0.28, 0.34, '9/1 12:00am'], 
     ['American Express Company',   52.55, 0.01, 0.02, '9/1 12:00am'], 
     ['American International Group, Inc.', 64.13, 0.31, 0.49, '9/1 12:00am'], 
     ['AT&T Inc.',       31.61, -0.48, -1.54, '9/1 12:00am'], 
     ['Boeing Co.',       75.43, 0.53, 0.71, '9/1 12:00am'], 
     ['Caterpillar Inc.',     67.27, 0.92, 1.39, '9/1 12:00am'], 
     ['Citigroup, Inc.',      49.37, 0.02, 0.04, '9/1 12:00am'], 
     ['E.I. du Pont de Nemours and Company', 40.48, 0.51, 1.28, '9/1 12:00am'], 
     ['Exxon Mobil Corp',     68.1, -0.43, -0.64, '9/1 12:00am'], 
     ['General Electric Company',   34.14, -0.08, -0.23, '9/1 12:00am'], 
     ['General Motors Corporation',   30.27, 1.09, 3.74, '9/1 12:00am'], 
     ['Hewlett-Packard Co.',     36.53, -0.03, -0.08, '9/1 12:00am'], 
     ['Honeywell Intl Inc',     38.77, 0.05, 0.13, '9/1 12:00am'], 
     ['Intel Corporation',     19.88, 0.31, 1.58, '9/1 12:00am'], 
     ['International Business Machines',  81.41, 0.44, 0.54, '9/1 12:00am'], 
     ['Johnson & Johnson',     64.72, 0.06, 0.09, '9/1 12:00am'], 
     ['JP Morgan & Chase & Co',    45.73, 0.07, 0.15, '9/1 12:00am'], 

    ]; 

    var options = {'autoHeight:true'}; 
    var columns = ['company','price','change','pctChange','lastChange']; 
    var grid; 
    // ... code to get data 

    // ... code to get column data/settings 

    // ... code to get option data 

    $(function() { 
    if (grid) { 
    grid.setOptions(options); 
    grid.setColumns(columns); 
    grid.setData(data); 
    grid.render(); 
     } else { 
     grid = new Slick.Grid('#trade-reg-trade-info-table', data, columns,options); 

       } 

    $('#trade-reg-trade-info-table').show(); 
    }); 
    } 

感謝的是,現在我已經改正它,我仍然得到同樣的錯誤。有任何想法嗎?

回答

1
new Slick.Grid('#trade-reg-trade-info-table" 

您用單引號打開並嘗試用雙引號結尾。

{ 
    'company': 'JP Morgan & Chase & Co', 
    'price':  45.73, 
    'change':  0.07, 
    'pctChange': 0.15, 
    'lastChange': '9/1 12:00am' 
} 
+0

我知道它「工作」或種類。選項數組元素不能被引號包圍,列必須是這樣的:{id:「cpny」,name:「Company」,field:「cpny」,width:18,}。儘管如此,我仍然無法顯示數據數組,但列標題完全顯示爲寬度。 – Ivo

+0

你的'data'變量應該是一個* Objects *的數組,而不是一個Array數組。我編輯了我的答案,向您展示了'data'數組中單個項目的外觀。 – idbehold

+0

而你對「列」數組是正確的,它也應該是一個對象數組,而不是一個字符串數組。您現在在'columns'數組中的字符串將是列對象內的'field'屬性。 – idbehold