kendo.mobile 的button微件

本文介绍了如何使用data-icon和data-click属性自定义按钮样式及交互行为,并提供了两种参数传递方式的示例。


关于样式


button 具有 data-icon=""属性 

data-iconpos 属性设置图标的方向 top,bottom,right,left notext(单独的一个图片)

data-click="函数"    :注意定义函数的时候,只能写函数名字不能写函数参数,如果想用参数请参考下面案例


关于图片,1是用样式,另一个是直接a里面放图片
如果定义了 data-icon="myapp-email"则可以定义
.ui-icon-myapp-email {  background-image: url( "app-icon-email.png" ); } 

只能是小图




-----------------------------------------------------------------------------------------  案例  --------------------------------------------------------------------------------------

1可以这样传递参数

< class="go_project_btn" onclick="getdashlets({id}, {type}, {user});" data-role="button" id="buttonz">Press Here</a>

2可以这样传递参数

<data-role="button" id="button" data-click="onClick" data-id="5" data-type="135" data-user="1">Press Here</a>


function onClick(e) {
    var data = e.button.data();
    data.id;
    data.type;
    data.user;
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值