layui-模板- if for 知识点

1.layui模板else if语句

<script type="text/html" template>
{{# if(xxxx){ }}

{{# } else if(xxxxx) { }}

{{# } else { }}

{{# } }}
</script>

            <script type="text/html" template>
                {{# if(d.params.id==26){ }}
                <div class="layui-form-item">
                    <label class="layui-form-label">数量</label>
                    <div class="layui-input-inline">
                            <input type="text" name="num" id="num" value="{{d.params.num || '' }}" placeholder="请输入数量" autocomplete="off" class="layui-input">

                    </div>
                </div>
                {{# } else if(d.params.id==25) { }}
                <div class="layui-form-item">
                    <label class="layui-form-label">logo</label>
                    <div class="layui-input-inline">
                        <div class="layui-upload">
                            <button type="button" class="layui-btn" id="test">logo</button>
                            <input type="hidden" name="image" value="">
                            <div class="layui-upload-list">
                                    <img class="layui-upload-img" id="demo" src="{{ d.params.logo|| 'http://www.shengshia.com/upload/timg.jpg'}}">
                                    <input type="hidden" name="logo" value="{{ d.params.logo || '' }}" class="layui-input">
                                    <p id="demoText"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">缩略图</label>
                    <div class="layui-input-inline">
                        <div class="layui-upload">
                            <button type="button" class="layui-btn" id="test1">上传缩略图</button>
                            <input type="hidden" name="image" value="">
                            <div class="layui-upload-list">
                                    <img class="layui-upload-img" id="demo1" src="{{ d.params.image|| 'http://www.shengshia.com/upload/timg.jpg'}}">
                                    <input type="hidden" name="image" value="{{ d.params.image || '' }}" class="layui-input">
                                <p id="demoText1"></p>
                            </div>
                        </div>
                    </div>
                </div>
                {{# } else { }}

                {{# } }}
            </script>

2.for   https://www.layui.com/doc/modules/laytpl.html

 {{#  layui.each(d.list, function(index, item){ }}
    <li>
      <span>{{ item.modname }}</span>
      <span>{{ item.alias }}：</span>
      <span>{{ item.site || '' }}</span>
    </li>
  {{#  }); }}

3. layui动态设置checkbox选中状态

当复选框不在form里面，可以

if (value == "true") {
    //$id.attr("checked", "checked");
    $id.prop("checked", true);
} else {
    $id.prop("checked", false);
    //$id.removeAttr("checked");
}

 当复选框在orm里面，可以赋值https://www.layui.com/doc/modules/form.html

        form.val("formTest", {
            "xy": true
            ,"phone":123
        });

4.layui动画点击没有反应

  <div class="f2>
    <div class="layui-anim" data-anim="layui-anim-scaleSpring">弹簧式放大</div>
   </div>

    layui.use('jquery', function () {
        var $ = layui.jquery;
        //演示动画开始
        //可以在这里修改触发动画的事件
        $('.f2 .layui-anim').click(function(){
            var othis = $(this), anim = othis.data('anim');

            //停止循环
            if(othis.hasClass('layui-anim-loop')){
                return othis.removeClass(anim);
            }
            othis.removeClass(anim);
            setTimeout(function(){
                othis.addClass(anim);
            });
            //恢复渐隐
            if(anim === 'layui-anim-fadeout'){
                setTimeout(function(){
                    othis.removeClass(anim);
                }, 1300);
            }
        });
        //演示动画结束
    })