al:checkbox设置data-*属性

最后更新:2023-09-29 10:01:28 | 状态:未完成


set.add(DataRow.parseJson("{''ID'':''1'',''CODE'':''01'',''NM'':''高级'',''TITLE'':''高级工工程师'',''LVL'':''A''}"));
set.add(DataRow.parseJson("{''ID'':''2'',''CODE'':''02'',''NM'':''中级'',''TITLE'':''中级工工程师'',''LVL'':''B''}"));
set.add(DataRow.parseJson("{''ID'':''3'',''CODE'':''03'',''NM'':''初级'',''TITLE'':''初级工工程师'',''LVL'':''C''}"));


通过itemExtra设置data-*

 <al:checkbox data="${set}" border="true" itemExtra="id:ID,code:CODE"/>

根据ID值生成data-id值,执行结果

<input type="checkbox" value="1" id="chk_1" name="chk"data-id="1"data-code="01"/><label for="chk_1" class="">高级</label>
<input type="checkbox" value="2" id="chk_2" name="chk"data-id="2"data-code="02"/><label for="chk_2" class="">中级</label>
<input type="checkbox" value="3" id="chk_3" name="chk"data-id="3"data-code="03"/><label for="chk_3" class="">初级</label>


如果直接指定data-*的值,则通过extra属性

<al:checkbox data="${set}" border="false" extra="id:1,code:2" name="chk"/>

执行结果
<input type="checkbox" value="1" id="chk_1" name="chk" data-id="1" data-code="2"/><label for="chk_1" class="al-chk-item-label">高级</label>
<input type="checkbox" value="2" id="chk_2" name="chk" data-id="1" data-code="2"/><label for="chk_2" class="al-chk-item-label">中级</label>
<input type="checkbox" value="3" id="chk_3" name="chk" data-id="1" data-code="2"/><label for="chk_3" class="al-chk-item-label">初级</label>

最近更新 搜索 提交