DOM3自定义组件

xTag 1.0采用了 Custom Elements v1 所定义的方式创建自定义组件，不但可以直接使用 <x-tag></x-tag> 方式在页面插入自定义组件， 同时也兼容通过自定义属性x-type="x-tag"的方式声明自定义组件，不过需要 initChildControl 一下。

示例如下：

     姓名:     
     生日:     
     电话:     

     读取      修改      显示 asfdsaf

代码如下：

<x-tag id="person" formname="person" isformitem="true"> <p> <label>姓名: </label> <input type="text" x-type="x-tag" formname="username" value="Lily"> <br/>      <label>生日: </label> <input type="date" x-type="x-tag" formname="birthday"> <br/>      <label>电话: </label> <input type="number" x-type="x-tag" formname="mobile"> <br/> </p> <button class="btn1" onclick="doit1()">读取</button> <button class="btn2" onclick="doit2()">修改</button> <button class="btn3" onclick="doit3()">显示</button> </x-tag> <x-tag> <x-alert>asfdsaf</x-alert> </x-tag>

提示：可以 CTR+U 查看页面源码

 

 

haiyang © 2018