Kendo UI 在弹出窗口编辑期间调整网格大小文本框和 Update/Cancel 按钮

Question

我有这个 kendo 网格，这里有弹出窗口编辑。如何设置 Update/Cancel 按钮和 textbox 大小，使其与 k-window?

大小相同

Answer 1

你可以告诉 Kendo window 应该有多大，不需要一些 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 在弹出窗口编辑期间调整网格大小文本框和 Update/Cancel 按钮

Kendo UI Grid resize textbox and Update/Cancel button during popup editing

kendo-ui

kendo-grid