原創(chuàng)|使用教程|編輯:龔雪|2015-10-16 09:14:45.000|閱讀 757 次
概述:本教程主要為大家展示如何使用jQuery EasyUI創(chuàng)建一個(gè)鏈接按鈕。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>
相關(guān)鏈接:
Kendo UI for jQuery——?jiǎng)?chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫(kù)!查看詳情>>>
本教程主要為大家展示如何使用jQuery EasyUI創(chuàng)建一個(gè)鏈接按鈕。通常情況下,使用“button/”元素來(lái)創(chuàng)建一個(gè)按鈕;使用“a/”元素來(lái)創(chuàng)建鏈接按鈕。所以事實(shí)上一個(gè)鏈接按鈕是一個(gè)顯示為按鈕樣式“a/”元素。
為了創(chuàng)建一個(gè)鏈接按鈕,你所需要做的就是添加一個(gè)名為'easyui-linkbutton'的類(lèi)屬性到“a/”元素中:
<div style="padding:5px;background:#fafafa;width:500px;border:1px solid #ccc"> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel">Cancel</a> <a href="#" class="easyui-linkbutton" iconCls="icon-reload">Refresh</a> <a href="#" class="easyui-linkbutton" iconCls="icon-search">Query</a> <a href="#" class="easyui-linkbutton">text button</a> <a href="#" class="easyui-linkbutton" iconCls="icon-print">Print</a> </div> <div style="padding:5px;background:#fafafa;width:500px;border:1px solid #ccc"> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel">Cancel</a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-reload">Refresh</a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-search">Query</a> <a href="#" class="easyui-linkbutton" plain="true">text button</a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-print">Print</a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"></a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-save"></a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-back"></a> </div>
正如你所看到的那樣,iconCls屬性是一個(gè)icon CSS類(lèi),它在按鈕上顯示一個(gè)icon圖片。
有時(shí)你可能需要禁用或啟用該鏈接按鈕,下面的代碼演示了如何禁用鏈接按鈕:
$(selector).linkbutton('disable'); // call the 'disable' method
購(gòu)買(mǎi)最新正版授權(quán)!""
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)