当调用jQWidgets jqxSplitter控件时,若需使用特定实例的jqxSplitter方法,如“expand()”方法,需要使用该实例的引用。下面将详细讲解jqxSplitter控件的expand()方法及使用攻略:
expand() 方法
该方法可用于展开某一个或多个分组面板,支持如下语法:
$("#jqxsplitter").jqxSplitter('expand', index);
$("#jqxsplitter").jqxSplitter('expand', [index1, index2, ...]);
其中,“index”由面板的位置序号(从左至右,从上至下)或者标识符组成,并以数组形势传递多个位置或标识符值。若位置序号超过面板数量或无匹配标识符,则该方法将不进行操作。
使用攻略
以下是关于使用expand()方法的攻略细节及两条示例:
1. 获取实例引用
在调用方法之前,需要该实例的引用。在此我们假定div元素的ID为“jqxsplitter”,可将其实例化及获取引用(如下),以使用其jqxSplitter扩展方法:
$("#jqxsplitter").jqxSplitter({...}); // 实例化
let splitterInstance = $("#jqxsplitter").data("jqxSplitter"); // 获取实例引用
2. 调用expand()方法
使用门槛较低,直接传入需要展开的位置序号或标识符即可。“index”可以传递一个或多个值(可用于同时展开多个面板),以数组形势传递多个位置或标识符值。如下:
splitInstance.expand(1); // 展开第二个分组面板(从1开始计数)
splitInstance.expand([2, 3]); // 展开第三个、第四个分组面板
示例一:展开第2个面板
$("#jqxsplitter").jqxSplitter('expand', 1); // 同上,传参位置序号为1
示例二:展开多个面板
let panes = [2, 3];
$("#jqxsplitter").jqxSplitter('expand', panes); // 展开第三个和第四个面板
以上就是关于jQWidgets jqxSplitter expand()方法的详细讲解及使用攻略,如有任何问题或需要更多情节,请查看jQWidgets官方文档或者使用特定提问方式。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jQWidgets jqxSplitter expand() 方法 - Python技术站