当前您所在的位置:首页>新闻中心>新品发布
新品发布
行业动态
营销活动

Kendo UI API中文介绍三:Button

发布时间:2020/10/23 浏览量:2413

本节为大家介绍 kendo.ui.Button,包括4Configuration1Methods1Events

 

 

 

Configuration

enable | Boolean(default: true)

用于决定Button是否启用。默认情况下,Button是启用的,除非有disabled="disabled"

示例

 

icon |String

定义Kendo UI中当前图标的名称。图标会作为Button内的一个span元素应用到背景图中,span元素可以自动被组件添加;也可以通过k-icon CSS类添加。

示例

 

示例-span元素

 

 

 

imageUrl | String

定义用于Button中的img元素的URLURL可以是相对地址,也可是是绝对地址。img元素可以由组件自动添加,也可以用CSSk-image

示例

 

示例-使用CSS

 

 

 

spriteCssClass | String

定义一个或多个CSS类,这些类会应用到Button中的背景图片中。如果你想使用Kendo UI主题中的图表,最好是使用icon属性。

span元素既可以自动由组件添加,也可以引用k-sprite CSS类。

示例

 

示例-应用CSS

 

 

 

Methods

enable

启用或禁用Button

参数

toggle Boolean

表示Button是禁用还是启用,支持Truthy  falsy 算法,如果没有应用算法,Button会默认true

示例

 

Events

click

Button由鼠标、触摸设备或键盘Enter(或空格键)触发时,会应用这个事件。

Event Data

e.event Object

最初的DOM事件

示例-初始化期间触发"click"事件

 

示例-初始化之后触发"click"事件

北京哲想软件有限公司