Kendo UI for jQuery使用教程:小部件DOM元素结构

Kendo UI for jQuery使用教程:小部件DOM元素结构Kendo UI for jQuery使用教程:小部件DOM元素结构

大家好,欢迎来到IT知识分享网。

【点击“了解更多”获取Kendo UI for jQuery最新试用版下载】

Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。

所有Web Kendo UI小部件都保留对元素和封装DOM元素的引用,并且所有混合Kendo UI小部件仅保留对元素DOM元素的引用。

element是初始化窗口小部件的元素。 根据窗口小部件,元素可以是可见的(例如,在AutoComplete,Calendar和DatePicker中),也可以是隐藏的(例如,在DropDownList和Upload中)。 初始化语句也返回对此元素的引用。 从窗口小部件对象获取窗口小部件元素的引用是一种相对罕见的情况,但在特定情况下可能会有所帮助,尤其是当您想要避免在jQuery选择器中对ID进行硬编码时。

wrapper是最外层的元素,它是widget的一部分。 根据窗口小部件和场景,包装器可能与元素相同。 例如,如果从<div>初始化Grid,则两个引用匹配;如果从<table>初始化Grid,则元素指向<table>,而包装器指向<div>。在DOM或CSS操作期间可能需要对窗口小部件包装器的引用。 例如,要隐藏窗口小部件,您需要隐藏包装器。 隐藏元素可能会部分隐藏窗口小部件或根本不隐藏它。 wrapper也是最适合附加自定义CSS类的HTML节点。

以下示例演示如何使用element和wrapper引用。

<div id="myWindow">...window content...</div> <script>// Initialize the widget which also returns the widget element.var winElement1 = $("#myWindow").kendoWindow( { /*...*/ } ); // Returns div#myWindow as a jQuery object.var winObject = $("#myWindow").data("kendoWindow"); // Other ways to get the widget element. var winElement2 = $("#myWindow"); var winElement3 = $("#myWindow").data("kendoWindow").element; // Returns div#myWindow as a jQuery object. var winElement4 = winObject.element; // Get the wrapper. var winWrapper1 = $("#myWindow").data("kendoWindow").wrapper; // Returns div.k-window as a jQuery object. var winWrapper2 = winObject.wrapper; // returns div.k-window as a jQuery object </script> 

Kendo UI R2 2019 SP1全新发布,最新动态请持续关注Telerik中文网!

https://www.kendouicn.com/

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/48537.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信