jQWidgets jqxWindow setContent() 方法

简介

jQWidgets jqxWindow是一个基于jQuery的UI控件，它是一个可定制和可重用的模态或非模态窗口。setContent()方法是其中一个用于动态改变窗口内容的方法之一。

方法签名

setContent(content: string | HTMLElement | JQuery): void

该方法接受一个参数，参数可以是以下类型之一：

• 字符串类型（string）：可以是HTML代码片段或者纯文本。
• 元素类型（HTMLElement）：可以是HTML元素节点。
• jQuery对象类型（JQuery）：可以是jQuery对象。

例子

字符串

$('#myWindow').jqxWindow('setContent', '<h3>Hello World!</h3>');

元素

var myElement = document.getElementById("myElement");
$('#myWindow').jqxWindow('setContent', myElement);

jQuery对象

var myjQueryObj = $('#myDiv');
$('#myWindow').jqxWindow('setContent', myjQueryObj);

注意事项

• 若传入的参数是字符串类型，jQWidgets会将其作为HTML代码片段插入到容器（例如<div>）中。
• 若传入的参数是元素类型（HTMLElement），jQWidgets直接将该元素插入到容器中。
• 若传入的参数是jQuery对象类型，jQWidgets会先将该jQuery对象的HTML代码片段提取出来，再插入到容器中。
• 该方法会删除原有的窗口内容。
• 若窗口内容没有改变，该方法不会重新渲染窗口。