2012-11-14 12 views
12

剣道UIのMVCラッパーを使用しているため、ポップアップの幅を設定できません。私は2つの方法を試してみましたが、どちらも機能していませここで私が試したものです:剣道UIグリッドポップアップ(MVC)の幅を設定する

.Editable(edit => edit.Mode(GridEditMode.Popup) 
    .TemplateName("Create") 
    .Window(w => w.Title("Add Interruption") 
     .Name("addInterruption") 
     .Width(700))) 

.Editable(edit => edit.Mode(GridEditMode.Popup) 
    .TemplateName("Create") 
    .Window(w => w.Title("Add Interruption") 
     .Name("addInterruption") 
     .HtmlAttributes(new { style="width:700px;" }))) 

高さはどちらか動作しません。

どのようにポップアップウィンドウの幅を設定しますか? ありがとう!

UPDATE:

.k-edit-form-container { width: auto;} 

これはkendo.common.min.cssファイルで発見された:これで苦労して他の誰のために 、ここで修正です。

答えて

8

悲しいことに、両方のスニペットで適用した設定はシリアル化されず、Ajaxバインディング(サーバーバインディングについては不明)を使用すると、ウィンドウには一切適用されません。サーバー・モードでバインドする際

.k-edit-form-container { width: auto;} 

が必要だった、私にとって

$("#NameOfTheGrid").data().kendoGrid.options.editable.window.width = "1000px"; 
+1

援助を感謝します!多くの人々がこれについて叫んでいると確信しているので、彼らが更新を行うことを望みます。 – SFAgitator

+0

「SCREAMING」の群衆に私を追加してください。最初からTelerik MVCユーザーでしたが、剣道UI MVCのフロントで作業が不足していることに少し心を落としました。 – Uchitha

6

は基本的に私は、ページが読み込まれたときに、以下のJavaScriptを使用することをお勧め幅を設定します。私は剣道のCSSファイルを編集するのではなく、ビューのスタイルとして追加しました。

他の回答、

$("#NameOfTheGrid").data().kendoGrid.options.editable.window.width = "1000px"; 

は、Ajaxバインディングが、サーバと結合しないで素晴らしい仕事しました。

+0

.k-edit-form-container {width:auto;} は私のための鍵でした。そうでなければ、画面を広げてまだ長いテキストを壊していました。ありがとうございました! – Contristo

関連する問題