李炎恢_PHP_jQuery EasyUI[007] ~ LinkButton(按鈕)元件
李炎恢_PHP_jQuery EasyUI[007] ~ LinkButton(按鈕)元件
參考資料: https://github.com/jash-git/jash-WebSI
GITHUB: https://github.com/jash-git/richie_jQuery_EasyUI
My code:
$(function () {
$.fn.linkbutton.defaults.iconCls = 'icon-add';
$('#box').linkbutton({
//id : 'pox',
//disabled : true,
//toggle : true,
//selected : true,
//group : 'sex',
//plain : true,
text : '文字',
//iconCls : 'icon-add',
//iconAlign : 'right',
});
$('#pox').linkbutton({
//id : 'pox',
//disabled : true,
//toggle : true,
//group : 'sex',
//iconCls : 'icon-mini-add',
});
//console.log($('#box').linkbutton('options'));
//$('#box').linkbutton('disable');
//$('#box').linkbutton('enable');
$('#box').linkbutton('select');
$('#box').linkbutton('unselect');
});
<!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta charset="UTF-8" /> <script type="text/javascript" src="../../easyui_15/jquery.min.js"></script> <script type="text/javascript" src="../../easyui_15/jquery.easyui.min.js"></script> <script type="text/javascript" src="../../easyui_15/locale/easyui-lang-zh_TW.js" ></script> <script type="text/javascript" src="js/index.js"></script> <link rel="stylesheet" type="text/css" href="../../easyui_15/themes/default/easyui.css" /> <link rel="stylesheet" type="text/css" href="../../easyui_15/themes/icon.css" /> </head> <body style="margin:100px;"> <!-- <a href="###" class="easyui-linkbutton">按钮</a> --> <a id="box" href="######">按钮</a> <a id="pox" href="###">按钮</a> </body> </html>
PDF:
執行結果:
