<legend id='14JWP'><style id='14JWP'><dir id='14JWP'><q id='14JWP'></q></dir></style></legend>

      <small id='14JWP'></small><noframes id='14JWP'>

        <tfoot id='14JWP'></tfoot>

        • <bdo id='14JWP'></bdo><ul id='14JWP'></ul>

        <i id='14JWP'><tr id='14JWP'><dt id='14JWP'><q id='14JWP'><span id='14JWP'><b id='14JWP'><form id='14JWP'><ins id='14JWP'></ins><ul id='14JWP'></ul><sub id='14JWP'></sub></form><legend id='14JWP'></legend><bdo id='14JWP'><pre id='14JWP'><center id='14JWP'></center></pre></bdo></b><th id='14JWP'></th></span></q></dt></tr></i><div id='14JWP'><tfoot id='14JWP'></tfoot><dl id='14JWP'><fieldset id='14JWP'></fieldset></dl></div>

      1. layui表格渲染templet解析单元格的问题

        在解析单元格的时候自定义列为这样: {field: 'tpye', title: '所属类别', align:"center",templet:'#typeBar'} 我们通常这样简单的解析像这样也没什么毛病: script type="text/html" id="typeBar" {{# if(d.tpye == 1){ }} 系统优化 {{# }else if(d.tpye==2
        <i id='yiIqm'><tr id='yiIqm'><dt id='yiIqm'><q id='yiIqm'><span id='yiIqm'><b id='yiIqm'><form id='yiIqm'><ins id='yiIqm'></ins><ul id='yiIqm'></ul><sub id='yiIqm'></sub></form><legend id='yiIqm'></legend><bdo id='yiIqm'><pre id='yiIqm'><center id='yiIqm'></center></pre></bdo></b><th id='yiIqm'></th></span></q></dt></tr></i><div id='yiIqm'><tfoot id='yiIqm'></tfoot><dl id='yiIqm'><fieldset id='yiIqm'></fieldset></dl></div>

          <tfoot id='yiIqm'></tfoot>
          <legend id='yiIqm'><style id='yiIqm'><dir id='yiIqm'><q id='yiIqm'></q></dir></style></legend>

          • <small id='yiIqm'></small><noframes id='yiIqm'>

              <bdo id='yiIqm'></bdo><ul id='yiIqm'></ul>
                    <tbody id='yiIqm'></tbody>
                  在解析单元格的时候自定义列为这样:
                  {field: 'tpye', title: '所属类别', align:"center",templet:'#typeBar'}
                  我们通常这样简单的解析像这样也没什么毛病:
                  <script type="text/html" id="typeBar">
                       {{#  if(d.tpye == 1){ }}
                       系统优化
                       {{#  }else if(d.tpye==2){ }}
                       使用中问题
                       {{# }else { }}
                       使用中问题
                       {{# } }}
                   </script>
                  但是如果你的解析类别只有两类的话还可以直接在行内简单一点写:
                  {field: 'ordertype', title: '订单类型', align:'center',templet:function(d){
                       return d.ordertype == "elvan" ? "代购" : "私有";
                  }},

                  我遇到的情况比较特殊,不仅是要显示还需要在单元格上进行修改状态:
                  所以解析的时候需要在判断的时候加入单选按钮框然后还要为其添加不一样的name值,代码如下:

                  <script type="text/html" id="stateBar">
                          {{#  if(d.state == '0'){ }}
                          <input type="radio" name="state{{d.id}}" value="{{d.id}}" title="已提交" lay-filter="lockDemo" {{ d.state==0 ? 'checked' : '' }}>&nbsp;
                          <input type="radio" name="state{{d.id}}" value="{{d.id}}" title="处理中" lay-filter="lockDemo" {{ d.state==1 ? 'checked' : '' }}>&nbsp;
                          <input type="radio" name="state{{d.id}}" value="{{d.id}}" title="已处理" lay-filter="lockDemo" {{ d.state==2 ? 'checked' : '' }}>
                          {{#  } else if(d.state == '1') { }}
                          <input type="radio" name="state{{d.id}}" value="{{d.id}}" title="已提交" lay-filter="lockDemo" {{ d.state==0 ? 'checked' : '' }}>&nbsp;
                          <input type="radio" name="state{{d.id}}" value="{{d.id}}" title="处理中" lay-filter="lockDemo" {{ d.state==1 ? 'checked' : '' }}>&nbsp;
                          <input type="radio" name="state{{d.id}}" value="{{d.id}}" title="已处理" lay-filter="lockDemo" {{ d.state==2 ? 'checked' : '' }}>
                          {{#  } else  { }}
                          <input type="radio" name="state{{d.id}}" value="{{d.id}}" title="已提交" lay-filter="lockDemo" {{ d.state==0  ? 'checked' : '' }}>&nbsp;
                          <input type="radio" name="state{{d.id}}" value="{{d.id}}" title="处理中" lay-filter="lockDemo" {{ d.state==1  ? 'checked' : '' }}>&nbsp;
                          <input type="radio" name="state{{d.id}}" value="{{d.id}}" title="已处理" lay-filter="lockDemo" {{ d.state==2  ? 'checked' : '' }}>
                          {{#  }
                          }}
                      </script>
                  最后通过监听单元框的值变化就可以调用ajax异步请求将当前选中的行的id和状态传到后台达到修改的目的!
                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  layui table给前端的table字段很多,一两百个,但是每个人关注的字段不同,有些人会设置这个defaultToolbar中的列字段,但是每次进去页面都得重新设置,很麻烦。 想法是,defaultToolbar的filter这个功能中,用户自定义显示列时保存起来,下次进入页面默认加
                  这篇文章主要介绍了使用分层画布来优化HTML5渲染的教程,来自于IBM官方网站开发者技术文档,需要的朋友可以参考下
                  WebGL开启了网页3D渲染的新时代,它允许在canvas中直接渲染3D的内容,而不借助任何插件,看到此处是不是感觉特别惊讶啊,WebGL有一个很好的中文教程,就是下面使用参考中的第一个链接,所以这里不再班门弄斧,后面的内容只是简单的总结一下学习的内容,感兴趣的
                  SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度,而无须求助图像或其它插件,尽管SVG的文本渲染如此强大,但是还是有一个不足之处:SVG不能执行自动换行,接下来介绍SVG中渲染文本,感兴趣的朋友可以了解下,或许有所帮助
                      <bdo id='rq3f7'></bdo><ul id='rq3f7'></ul>
                      <i id='rq3f7'><tr id='rq3f7'><dt id='rq3f7'><q id='rq3f7'><span id='rq3f7'><b id='rq3f7'><form id='rq3f7'><ins id='rq3f7'></ins><ul id='rq3f7'></ul><sub id='rq3f7'></sub></form><legend id='rq3f7'></legend><bdo id='rq3f7'><pre id='rq3f7'><center id='rq3f7'></center></pre></bdo></b><th id='rq3f7'></th></span></q></dt></tr></i><div id='rq3f7'><tfoot id='rq3f7'></tfoot><dl id='rq3f7'><fieldset id='rq3f7'></fieldset></dl></div>

                            <tbody id='rq3f7'></tbody>
                        1. <tfoot id='rq3f7'></tfoot>

                            <small id='rq3f7'></small><noframes id='rq3f7'>

                            <legend id='rq3f7'><style id='rq3f7'><dir id='rq3f7'><q id='rq3f7'></q></dir></style></legend>