0

次のようにカスタムボタンが定義された剣道グリッドを使用しています

@(Html.Kendo().Grid((IEnumerable<AdjustmentModel  >)ViewBag.Adjustments)
  .Name("AdjustmentsGrid")
  .DefaultConfiguration()
  .HtmlAttributes(new { style = "height=100%" })
  .ToolBar(toolbar => {
      toolbar.Custom().Text("Search");
      toolbar.Custom().Text("Apply Adjustment");
      toolbar.Custom().Text("Clear");
  })

「調整を適用」ボタンで剣道ウィンドウを開きたい。どのようにそれを達成するのですか? また、剣道ウィンドウにグリッドを提供する方法は?

私にお知らせください。

ありがとう。

4

2 に答える 2

0

私はこのようにしています。

まず、display:none を使用して div で剣道ウィンドウを宣言します。

<div style="display:none">
  @(Html.Kendo().Window() .Name("MyWindowName") .Title("Test Window") .Content(@
  <text>
    <p>
      I am just for a demo
    </p>
  </text>) .Draggable() .Resizable() .Width(350) .Actions(actions => actions.Close()) )
</div>

次に、Kendo Grid ツールバーにボタンを追加します。

toolBar.Custom().Text("Open Window").Url("javascript:OpenKendoWindow()");

次に、JavaScript関数を追加します

function OpenKendoWindow(e) {
  $("#MyWindowName").data("kendoWindow").center(); // This will open the window on the center of the page
}

それでおしまい。

于 2015-05-13T18:45:23.687 に答える
0 
...
toolbar.Custom().Text("Apply Adjustment").HtmlAttributes(new { @id = "applyadjust"})
...

<div class="k-content">
    <div id="applyadjustmentwindow"></div>
</div>

<script>
var window = $("#applyadjustmentwindow"),
    applybtn = $("#applyadjust")
        .bind("click", function () {
            window.data("kendoWindow").open().center();                
        });

window.kendoWindow({
    title: "Apply Adjustment",
    actions: ["Minimize", "Maximize", "Refresh", "Close"],
    content: "URL to the action from which you are loading the html (can be partial view or plain html) on the window",        
    visible: false,        
    width: "50%"
});

于 2013-10-07T06:57:30.440 に答える