kendo window 填写父级

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 解决了。但是我注意到与 window 相关的内容未调整大小。使用 .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();
});

kendo window 填写父级

kendo window fill parent

jquery

kendo-ui

kendo-window

工作DEMO