Web嵌入式Excel电子表格在移动设备上无法正常运行

时间:2014-03-29 07:34:23

标签: javascript jquery html wordpress onedrive

我正在尝试在Wordpress网站上使用OneDrive Excel电子表格。 到目前为止,如果有人通过桌面的互联网浏览器访问它,它会很好,但它在移动设备上无法正常工作。

我可以发现问题是微软javascript将电子表格的单元格放在“div”标签中。移动互联网探索不会将这些div视为数据输入的内容,因为它不会调用键盘,因此用户无法输入数据。

我可以使用Javascript或其他方法将这些div更改为其他可以调用移动键盘的html标签吗?

请参阅microsoft OneDrive的此代码段

<div id="myExcelDiv" style="width: 200px; height: 250px"></div>
<script type="text/javascript" src="http://r.office.microsoft.com/r/rlidExcelWLJS?v=1&kip=1"></script>
<script type="text/javascript">

var fileToken = "SDD03D60E1D5E574B7!119/-3441488017168698185/t=0&s=0&v=!ACF_FBbpHVUZBh8";

// run the Excel load handler on page load
if (window.attachEvent) {
    window.attachEvent("onload", loadEwaOnPageLoad);
} else {
    window.addEventListener("DOMContentLoaded", loadEwaOnPageLoad, false);
}

function loadEwaOnPageLoad() {
    var props = {
        item: "'Sheet1'!C4:D14",
        uiOptions: {
            showDownloadButton: false,
            showGridlines: false,
            showParametersTaskPane: false
        },
        interactivityOptions: {
            allowParameterModification: false,
            allowSorting: false,
            allowFiltering: false,
            allowPivotTableInteractivity: false
        }
    };

    Ewa.EwaControl.loadEwaAsync(fileToken, "myExcelDiv", props, onEwaLoaded);
}

function onEwaLoaded(result) {
    /*
     * Add code here to interact with the embedded Excel web app.
     * Find out more at http://msdn.microsoft.com/en-US/library/hh315812.aspx.
     */
}
</script>

1 个答案:

答案 0 :(得分:0)

Office Web Apps仅作为手机类型设备上的观看者。对于智能手机设备,您会看到only "viewer" scenarios are listed for the Office Web Apps。对于平板电脑和台式电脑,它们具有完整的查看/编辑功能。