EJS.Helpers进阶

EJS提供了一些辅助函数,下面分别给出demo和讲解

1.date_tag (name, value ,html_options),当value的默认值为new Date(),这里的html_options并没有什么卵用

创建一个年月日的三级联动,第一级联动的id和name为name+'year',第二级为name+'month',第三级为name+'day',value为Date的实例,整个联动为30年,为传入的Date向前数15年,向后数14年。

<%=date_tag('Installation[date]', new Date(1982, 10,20) )%>

2.form_tag (action, html_options),第一个参数action可以不传,html_options可以指定action和multipart两个属性

<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><%=form_tag('/myaction',{multipart: true})%></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><%=form_tag_end()%></span></div>

<form multipart="true" action="/myaction" method="post" enctype="multipart/form-data">
</form>

3.input_field_tag (name, value ,inputType, html_options),第一个参数是input标签的name.第二个是value,第三个是类型

跟这个方法相似的还有2个方法hidden_field_tag(name, value, html_options)、password_field_tag(name, value, html_options),其实根本上还是input_field_tag 

<%=input_field_tag ("test1", "11" ,"text")%>
<input id="test1" value="11" type="text" name="test1">

4. is_current_page(url),location.pathname或者location.href.是否等于url

5.link_to (name, url, html_options),

<%=link_to('hello world', '/something/here')%>
<a href="/something/here">hello world</a>
6.submit_link_to(name, url, html_options)

<%=submit_link_to('holla', '/new/location')%>
<input οnclick="window.location="/new/location";return false;" value="holla" type="submit">
7.link_to_if (condition, name, url, html_options, post, block),跟link_to类似,当condition为true时,才生成link

8.ink_to_unless(condition, name, url, html_options, block),如果condition是false的时候才执行

9.link_to_unless_current(name,url, html_options, block),如果url符合is_current_page(url)

10.select_tag (name, value, choices, html_options)

<%=select_tag('mySelectElement', 2, [ {value: 1, text: 'First Choice' }, {value: 2, text: 'Second Choice'}, {value: 3, text: 'Third Choice'} ])%>
<select id="mySelectElement" value="2" name="mySelectElement">
  <option value="1">First Choice</option>
  <option value="2" selected="selected">Second Choice</option>
  <option value="3">Third Choice</option>
</select>
主要的就这些,其他的就不说了,不过ejs自身提供的这些方法真心不太喜欢,可以自己去写一些helper,反正平时我是不太喜欢这些方法

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值