本文主要是介绍jquery easy-ui linkbutton 按钮的使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
首先引入相应的js 和 css
<link href="css/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <link href="css/themes/icon.css" rel="stylesheet" type="text/css" /><script src="jq/jquery.min.js" type="text/javascript"></script><script src="jq/jquery.easyui.min.js" type="text/javascript"></script>
使用js 的方式创建linkbutton
$('#btn1').linkbutton({iconCls: 'icon-save'});<a id="btn1" href="javascript:void(0)">点击了我</a>
使用css的方式创建linkbutton
<a id="btn" class="easyui-linkbutton" data-options:"iconCls:'icon-search'" href="#">easyui</a>
给按钮绑定单击事件
$('#btn1').bind('click', function () {//单击按钮触发该事件});
linkbutton其他属性和方法
名称 类型 描述 默认值
disabled boolean 如果设置为 true,则禁用按钮。 false
toggle boolean 如果设置为 true,则允许用户切换按钮的选中状态。该属性自版本 1.3.3 起可用。 false
selected boolean 定义按钮状态是否已选择。该属性自版本 1.3.3 起可用。 false
group string 指示按钮所属的分组名称。该属性自版本 1.3.3 起可用。 null
plain boolean 如果设置为 true,则显示一个简单的效果。 false
text string 按钮文本。 ‘’
iconCls string 在左边显示一个 16x16 图标的 CSS class。 null
iconAlign string 按钮图标的位置。可能的值:‘left’、‘right’。该属性自版本 1.3.2 起可用。 left
方法
禁用按钮。
代码实例:
$(’#btn’).linkbutton(‘disable’);
启用按钮。
代码实例:
$(’#btn’).linkbutton(‘enable’);
select none 选中按钮。该方法自版本 1.3.3 起可用。
unselect none 未选中按钮。该方法自版本 1.3.3 起可用。
这篇关于jquery easy-ui linkbutton 按钮的使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!