<======================== ftl页面 start =====================> <tbody id="info" data-bind="foreach:{data:items,as:'item'}"> <tr> <td> <span data-bind="style:{display:state=='已关闭' ?'':'none'}" > <a style="cursor:pointer;" data-toggle="tooltip" title="测试未通过"> <span data-bind="style:{color:(state=='已发布'?'green':state=='已关闭'?'#E54656':'')},text:state"> </span> </a> </span> <span data-bind="style:{display:state=='已关闭' ?'none':''}" > <span data-bind="style:{color:(state=='已发布'?'green':state=='已关闭'?'#E54656':'')},text:state"> </span> </span> </td> <div class="btn-group dropdown"> <a style="color:#337ab7" tabindex="-1" href="javascript:void(0)" data- bind="data:$data,click:$root.editProperty">编辑属性</a> <a style="color:#337ab7" tabindex="-1" href="javascript:void(0)" data-toggle="dropdown" type="button">更多<span class="caret"></span></a> <ul class="dropdown-menu dropdown-menu-right" style="top:-105px;min-width:60px"> <li data-bind="css:{disabled:$data.state!='已发布'}"><a tabindex="-1" href="javascript:void(0)" data- bind="data:$data,click:$root.updateState,style:{color:state=='已发布'?'#000000':''}">测试</a> </li> <li data-bind="css:{disabled:$data.state!='测试中'}"><a tabindex="-1" href="javascript:void(0)" data- bind="data:$data,click:$root.updateState,style:{color:state=='测试中'?'#000000':''}">发布</a> </li> <li class="divider"></li> <li class=" dropdown" data-bind="css:{disabled:stateDeploy!='部署完成'}"> <a href="javascript:void(0)" data-bind="style:{color:stateDeploy=='部署完成'?'#000000':''}" >下载 </a> <ul data-bind="foreach:{data:item.downdatas},style:{display:stateDeploy!='部署完成'?'none':''}" class="dropdown-menu"> <li><a data-bind="attr:{href:url==''?'javascript:void(0)':url},text:name"></a></li> </ul> </li> </ul> </div> </td> </tr> </tbody> < ======================== ftl页面 end=====================> <======================== 思路 start =====================> I BootStrap dropdown多层绑定这里在BootStrap基础上加了一个css 2 Knockout多重绑定 第一重 data-bind="foreach:{data:items,as:'item'}" 第二重 data-bind="foreach:{data:item.downdatas}" 3 后台数据为第二重的List嵌套在第一重数据里面 4 Knockout 行数里面加判断用style绑定实现 <======================== 思路 end========================>
BootStrap dropdown 多层列表、 Knockout多重绑定
最新推荐文章于 2022-06-06 23:25:30 发布