本節(jié)為大家介紹 kendo.ui.Button，包括4個(gè)Configuration、1個(gè)Methods和1個(gè)Events。

 

 

 

Configuration

enable | Boolean(default: true)

用于決定Button是否啟用。默認(rèn)情況下，Button是啟用的，除非有disabled="disabled"

示例

Foo

 

icon |String

定義Kendo UI中當(dāng)前圖標(biāo)的名稱。圖標(biāo)會(huì)作為Button內(nèi)的一個(gè)span元素應(yīng)用到背景圖中，span元素可以自動(dòng)被組件添加；也可以通過(guò)k-icon CSS類添加。

示例

Cancel

 

示例-有span元素

 

Cancel

 

 

imageUrl | String

定義用于Button中的img元素的URL。URL可以是相對(duì)地址，也可是是絕對(duì)地址。img元素可以由組件自動(dòng)添加，也可以用CSS類k-image。

示例

Edit

 

示例-使用CSS類

 

Edit

 

 

spriteCssClass | String

定義一個(gè)或多個(gè)CSS類，這些類會(huì)應(yīng)用到Button中的背景圖片中。如果你想使用Kendo UI主題中的圖表，最好是使用icon屬性。

span元素既可以自動(dòng)由組件添加，也可以引用k-sprite CSS類。

示例

Edit

 

示例-應(yīng)用CSS類

 

Edit

 

 

Methods

enable

啟用或禁用Button。

參數(shù)

toggle Boolean

表示Button是禁用還是啟用，支持Truthy 和 falsy 算法，如果沒(méi)有應(yīng)用算法，Button會(huì)默認(rèn)true。

示例

Edit

 

Events

click

當(dāng)Button由鼠標(biāo)、觸摸設(shè)備或鍵盤Enter(或空格鍵)觸發(fā)時(shí)，會(huì)應(yīng)用這個(gè)事件。

Event Data

e.event Object

最初的DOM事件

示例-初始化期間觸發(fā)"click"事件

Edit

 

示例-初始化之后觸發(fā)"click"事件

Edit