jquery api调用

Posted 2020-08-20 guoDaXia的博客

本框架内置组件以及部分插件都可以通过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组件的刷新方法，方法后加上相关参数。