本框架内置组件以及部分插件都可以通过jquery选择器进行API调用,支持链式操作,如下示例。
<script type="text/javascript">
$("a.api-test").click(function(){
$(this).dialog({id:'myid',url:'doc/mydialog.html',title:'测试弹框'}).text('OK');
});
</script>
<a href="javascript:;" class="api-test">测试API</a>
使用的选择器是符合jquery规则的选择器。
点击后的结果是:打开一个ID为“mydialog”的弹出窗口,然后修改该选择器的值为“OK”。
组件的初始化:
本框架的内置组件通过如下方式初始化以及调用开放的方法。
$(selector).datepicker():以默认初始值创建一个日期选择器。(部分组件不支持默认创建,例如navtab、dialog)
$(selector).dialog({id:'mydialog',url:'mydialog.html',title:'我的弹框'}); 通过初始值创建一个弹框
$(selector).dialog('refresh','mydialog'); 调用dialog组件的刷新方法,方法后加上相关参数。