Question

似乎任何Kendo UI控件的绝对定位都无法正常工作。 position，top和left attrs应用于生成的主跨度，然后级联到kendo控件内的实际输入。这导致输入被定位在所生成的跨度内的绝对定位中。

这可以在这个小提琴中看到，它是从剑道道场复制的：

    <div id="example">
        <div id="add-product">
            <div>
                <input id="currency" type="number" value="30" min="0" max="100" style="position:absolute;" />
            </div>
        </div>


        <script>
            $(document).ready(function() {
                // create Curerncy NumericTextBox from input HTML element
                $("#currency").kendoNumericTextBox({
                    format: "c",
                    decimals: 3
                });

            });
        </script>

    </div>

http://jsfiddle.net/kckst8/2TJrX/1/

我们的应用程序是从嵌入绝对定位的xml布局渲染表单，因此需要它。

非常感谢您的想法或帮助！

Answer 1

你真的需要input定位absolute吗？如何让它的容器具有绝对性？

即。而不是：

<div id="add-product">
    <div>
        <input id="currency" type="number" value="30" min="0" max="100" style="position:absolute;" />
    </div>
</div>

DO

<div id="add-product">
    <div style="position:absolute;">
        <input id="currency" type="number" value="30" min="0" max="100"/>
    </div>
</div>

您的JSFiddle在此修改：http://jsfiddle.net/OnaBai/2TJrX/2/

KendoUI设置顶部和左侧绝对定位

1 个答案: