zoukankan      html  css  js  c++  java
  • Play Framework 完整实现一个APP(十)

    1.定制Comment列表

    新增加Comment list页面,执行命令行

    > play crud:ov --template Comments/list
    

      

    会生成/app/views/Comments/list.html 

    生成的文件中 #{crud.table /} 是表格的内容,可以替换为一下内容,显示更多的列

    #{crud.table fields:['content', 'post', 'author'] /}
    

    如果要对某一列的内容进行处理

    #{crud.table fields:['content', 'post', 'author']}
     #{crud.custom 'content'}
      <a href="@{Comments.show(object.id)}">
       ${object.content.length() > 50 ? object.content[0..50] + '…' : object.content}
      </a>
     #{/crud.custom}
    #{/crud.table}
    

      

    2.定制Post表单

    >play crud:ov --template Posts/show
    

      

    修改#{crud.form /} 

    #{crud.form}
        #{crud.custom 'tags'}
            <label for="tags">
                &{'tags'}
            </label>
            <style type="text/css">
    	        .tags-list .tag {
    	            cursor: pointer;
    	            padding: 1px 4px;
    	        }
    	        .tags-list .selected {
    	            background: #222;
    	            color: #fff;
    	        }
    	    </style>
    	    <script type="text/javascript">
    	        var toggle = function(tagEl) {
    	            var input = document.getElementById('h'+tagEl.id);
    	            if(tagEl.className.indexOf('selected') > -1) {
    	                tagEl.className = 'tag';
    	                input.value = '';
    	            } else {
    	                tagEl.className = 'tag selected';
    	                input.value = tagEl.id;
    	            }
    	        }
    	    </script>
    	    <div class="tags-list">
    	        #{list items:models.Tag.findAll(), as:'tag'}
    	           <span id="${tag.id}" onclick="toggle(this)" 
    	                class="tag ${object.tags.contains(tag) ? 'selected' : ''}">
    	               ${tag}
    	           </span> 
    	           <input id="h${tag.id}" type="hidden" name="${fieldName}" 
    	                    value="${object.tags.contains(tag) ? tag.id : ''}" />
    	        #{/list}
    	    </div>
        #{/crud.custom}
    #{/crud.form}
    

      

    。。

  • 相关阅读:
    atom 震动特效
    CSRF和XSS
    解决remove @override annotation(jdk1.5和jdk1.6)
    JDK 工具列表
    解决Win10系统backgroundTaskHost占用cpu大
    ideaIU-15.0.2 注册码
    jprofiler_windows-x64_9_1注册码
    修改ligerui 默认确认按钮
    解决 在POM配置Maven plugin提示错误“Plugin execution not covered by lifecycle configuration”
    安装 Flex2packagebeta_1.994
  • 原文地址:https://www.cnblogs.com/alex09/p/4923049.html
Copyright © 2011-2022 走看看