何らかの理由で、で自分RadEditor
自身のサイズを変更することができませんwindow.resize
。私のjavascript関数getsCalledですが、RadEditor
の外観を変更するものは何もないようです。
そもそも、自分でサイズ変更すると思っていたのですが、そうではありません...サーバーからコンテンツが更新されて初めてサイズ変更されます。
これが私のRadEditor
:
<telerik:RadEditor ID="RadEditor1" Runat="server"
OnClientLoad="OnRadEditorClientLoad"
OnClientCommandExecuting="OnClientCommandExecuting"
EnableResize="true" ContentAreaMode="Div"
AutoResizeHeight="true"
Height="20px"
Width="100%"
EditModes="Design"
Skin="Web20">
</telerik:RadEditor>
これが私のjavascript関数です:
window.onresize = ResizeControls;
function ResizeControls() {
var editor = $find("<%=RadEditor1.ClientID %>");
editor.get_element().style.width = getDocWidth() + "px";
editor.get_contentArea().style.width = getDocWidth() + "px";
}
getDocWidth()
正しく変更された幅を返すのはどこですか。(そして、はい、「px」はそこにいなければなりません)。エディターの幅を確認すると、正しく変更されています...コントロールを更新または再描画する必要があります。
したがって、最初のロードでは、ウィンドウの幅RadEditor
を取得しています。100%
しかし、window.resize
from1000px
から800px
、の後に、RadEditor
'の幅はまだ1000px
です。
明示的な解決策:次の場合に削除Width=100%
して調整width
しOnClientLoad
ます。
<telerik:RadEditor ID="RadEditor1" Runat="server"
OnClientLoad="OnRadEditorClientLoad"
OnClientCommandExecuting="OnClientCommandExecuting"
EnableResize="true" ContentAreaMode="Div"
AutoResizeHeight="true"
Height="20px"
EditModes="Design"
Skin="Web20">
</telerik:RadEditor>
function OnRadEditorClientLoad(editor, args) {
editor.get_element().style.width = getDocWidth()= + "px";
}
window.onresize = AsjustRadEditorsWidth;
function AsjustRadEditorsWidth() {
var editor = $find("<%=EnonceContainer.ClientID %>");
editor.get_element().style.width = getDocWidth() + "px";
}