2014-04-01 25 views
2

我是新來的數據表,以便接受我的道歉,如果這是愚蠢的......與英特爾XDK應用框架滾動數據表

我試圖整合英特爾XDK應用程序框架的數據表。雖然數據表擴展了div的垂直長度,但它不會擴展水平長度,我似乎無法滾動。這是代碼。

我不確定如何爲xdk應用框架提供示例,但如果有人讓我知道我很高興發佈。

謝謝!

附錄:

我不知道這是否會幫助,但如果你打表恰到好處它滾動。這幾乎就像它沒有註冊點擊或其他東西在頂層註冊。儘管10/20中的每個人都能正確滾動,它幾乎看起來應用程序框架沒有正確傳遞控件/焦點到DataTable。我該如何解決這個問題?希望能幫助別人!

var table = $('#table').dataTable({ 
     "symbol": symbol, 
     "exchange": exchange, 
     "aoColumns": columnData, 
     "aoColumnDefs": [ 
     { "aTargets": [0],  "mRender": function (data, type, full) {return dateFormat(data)} }, 
     { "aTargets": [1],  "mRender": function (data, type, full) {return numberWithCommas(data)} }, 
     { "aTargets": ["_all"], "mRender": function (data, type, full) {return numberWithCommas(parseFloat(data).toFixed(2))} }, 
     ], 
     "aaSorting": [[ 0, "desc" ]], 
     "bPaginate": false, 
     "bLengthChange": false, 
     "bFilter": false, 
     "bInfo": false, 
     "bAutoWidth": false, 
     "bProcessing": true, 
     "sScrollX": "100%", 
     "bScrollCollapse": true, 
     "bServerSide": true, 
     "sAjaxSource": str, 
     "bDeferRender": true, 
     "fnServerData": function(sUrl, aoData, fnCallback) { 
      $.ajax({ 
       "url": sUrl, 
       "data": aoData, 
       "success": fnCallback, 
       "dataType": "jsonp", 
       "cache": false 
      }); 
     } 
    }); 

回答

0

在App Framework 2.1中,我們提供了一種使用jQuery和App Framework UI的方式,而不會產生衝突。而不是使用appframework.js。我們創建了一個名爲jq.appframework.js的jQuery *插件。要使用該插件,請首先包含jQuery *,然後包括jq.appframework.js和appframework.ui.js(而不是縮小版本)。

<script src="jquery.js"></script> 
<script src="jq.appframework.js"></script> 
<script src="appframework.ui.js"></script> 

https://raw.githubusercontent.com/01org/appframework/master/jq.appframework.js https://raw.githubusercontent.com/01org/appframework/master/ui/appframework.ui.js

你使用jQuery的unminified版本?