Question

我有这个剑道网格，并且在这里编辑了弹出窗口。如何设置Update/Cancel按钮和textbox的大小，使其与k-window?的大小相同

Answer 1

您可以告诉Kendo窗口应该有多大，而无需使用一些CSS或JavaScript：https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/editable.window

editable: {
  mode: "popup",
  window: {
    title: "My Custom Title",
    animation: false,
    width: "800px",
    height: "400px"
  }
},

此外，还必须将输入元素的宽度设置为100％。从Kendo加载CSS文件后，请确保添加此声明！否则，这些更改将不会应用。

<style type="text/css">
  .k-edit-form-container {
    width: initial;
  }

  .k-edit-form-container input,
  .k-edit-form-container textarea,
  .k-edit-form-container .k-datepicker,
  .k-edit-form-container .k-timepicker,
  .k-edit-form-container .k-numerictextbox {
    width: 100%;
  }
</style>

弹出窗口编辑期间Kendo UI Grid调整文本框大小和“更新/取消”按钮

1 个答案: