2

Web アプリケーションにワークシートがあります。JavaScript 関数を使用して、そのワークシートの下部に空の行を追加しました。その JavaScript 関数は以下のようになります。

ui.app.spreadsheet.FooterDataPadding.prototype.adjustPaddingToFooter = function () {
    this.getDomElement().style.height = this.getApplicationControl().getFooter().getDomElement().offsetHeight;
}

関数を実行すると、html 部分は次のようになります。

div class="ui_app_spreadsheet_FooterPadding-layout " id="util_Document-uid185" style="height: 21px;"

Firefox と IE では、これは非常にうまく機能します。その21px高い空の行をワークシートの下部に追加します。しかし Chrome では、ソースに含まれていても UI には表示されません。私はこれに対する解決策を見つけるのに苦労しました。しかし、できませんでした。誰かがこれに対する解決策を見つけることができれば、それは大きな助けになります。

4

2 に答える 2

1

空の Div は、さまざまなブラウザーで突然の動作を示すことがあります。

ブラウザーの innerHTML を空または空白に設定してみてください。

document.getElementById('your_elem').innerHTML = '&nbsp';

それが役立つことを願っています。

于 2013-01-17T09:48:56.053 に答える
0

以下を試してみてください：

var domElement = this.getDomElement();
domElement.style.height = this.getApplicationControl().getFooter().getDomElement().offsetHeight;
domElement.innerHtml = " "

または、高さステートメントで連結 + "px" にすることもできます。

または

domElement.innerHTML="<div style='height:" + height + "px;'></div>";
于 2013-01-17T10:07:52.003 に答える