kendo窗口填充父级

Question

我正在尝试为kendo对话框创建自定义操作'fillParent'。

var dialog = $('#dialog').kendoWindow({
    actions: [
        'FillParent', 'Minimize', 'Maximize'
    ]
});

//FillParent definition
dialog.wrapper.find(".k-i-fillparent").click(function(e){
    e.preventDefault();
    dialog.setOptions({
        width: $(".content").width(),
        height: $(".content").height(),
        position: {
            top: 0, left: 0
        }
    })
});

仅在我第一次点击填充父按钮时才有效。为什么呢？

实现这一目标还有其他更好的方法吗？

======

感谢ezanker。 但是我注意到内容没有调整与窗口相关的大小。使用 .restore（）解决了这个问题。

var dialog = $('#dialog').kendoWindow({
actions: ['FillParent', 'Minimize', 'Maximize']
});

//FillParent definition
dialog.wrapper.on("click", ".k-i-fillparent", function(e){
    dialog.setOptions({
        width: $(".content").width(),
        height: $(".content").height(),
        position: {top: 0, left: 0}
    });
    dialog.restore();
    e.preventDefault();
});

Answer 1

尝试使用jQuery .on（）并委托给.k-i-fillparent选择器：

dialog.wrapper.on("click", ".k-i-fillparent", function(e){
      dialog.setOptions({
          width: $(".content").width(),
          height: $(".content").height() - 30,
          position: {
              top: $(".content").offset().top, left: $(".content").offset().left
          }
      });
    e.preventDefault();
});

正在工作 DEMO