Kendo ui 剑道UI遮罩文本框-0宽/高

我正在尝试使用剑道UI屏蔽文本框。我使用MVC包装器。我无法让小部件显示。它始终以0的宽度/高度进行渲染。控制台没有显示任何错误。为什么会这样？（是的，我知道我可以通过指定

HtmlAttributes

手动强制维度，但这应该不是必需的。）

我的代码：

<div class="inputs">
    @Html.LabelFor(model => model.Phone):
    @(Html.Kendo().MaskedTextBox()
        .Name(Html.NameFor(model => model.Phone).ToString())
        .Mask("(000) 000-0000")
        .PromptChar("#")
        .Value(Model.Phone)
    )
</div>

高度：

input.k-textbox {
  height: 2.42em;
  text-indent: 0.8em;
  line-height: 1.6em;
}

---

这与您的问题无关，但您为什么不使用MaskedTextBoxFor？@ataravati我在我的网站上的任何地方都没有使用

For

变体；我在学习剑道，不想把事情复杂化。现在我知道我在做什么了，这显然容易多了，但不值得回顾并改变所有这些。在我看来，完全值得回顾并改变所有这些。这不会占用你超过15分钟的时间。@ataravati诚实的问题：如果我可以问，主要区别是什么？我（想我）理解标准和变体的之间的区别，但这最终有什么关系呢？它是更干净的代码。这很重要。

.k-autocomplete,
.k-combobox,
.k-datepicker,
.k-timepicker,
.k-datetimepicker,
.k-colorpicker,
.k-numerictextbox,
.k-dropdown,
.k-selectbox,
.k-textbox,
.k-toolbar .k-split-button {
  position: relative;
  display: inline-block;
  width: 12.4em;
  overflow: visible;
  border-width: 0;
  vertical-align: middle;
}

input.k-textbox {
  height: 2.42em;
  text-indent: 0.8em;
  line-height: 1.6em;
}