解决linkbutton组件无法禁用问题的方法

HTML代码:

1 <div id="toolbar-id" class="toolbar-box">
2 <a id="add-id" href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">添加</a>
3 <a id="edit-id" href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true,disabled:true">修改</a>
4 <a id="del-id" href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true,disabled:true">删除</a>
5 </div>

JS代码:

 1 //检查单选
 2 function checkSingle(rows, obj) {
 3     if (rows.length == 1) {
 4         obj.linkbutton('enable');
 5     }
 6     else {
 7         obj.linkbutton('disable');
 8     }
 9 }
10 
11 //检查多选
12 function checkMultiple(rows, obj) {
13     if (rows.length >= 1) {
14         obj.linkbutton('enable');
15     }
16     else {
17         obj.linkbutton('disable');
18     }
19 }
20 
21 
22 
23 $(function () {
24     //定义
25     var datagrid_id = $("#datagrid-id");
26     var add_id = $("#add-id");
27     var edit_id = $("#edit-id");
28     var del_id = $("#del-id");
29 
30     //数据列表
31     datagrid_id.datagrid({
32         toolbar: '#toolbar-id',
33         onSelect: function (rowIndex, rowData) {
34             var rows = $(this).datagrid('getSelections');
35             checkSingle(rows, edit_id);
36             checkMultiple(rows, del_id);
37         },
38         onUnselect: function (rowIndex, rowData) {
39             var rows = $(this).datagrid('getSelections');
40             checkSingle(rows, edit_id);
41             checkMultiple(rows, del_id);
42         }
43     });
44 
45 
46     //添加
47     add_id.click(function () {
48     alert("add");
49     });
50 
51 
52     //修改
53     edit_id.click(function () {
54         var rows = datagrid_id.datagrid('getSelections');
55         if (rows.length == 1) {
56     　　　　alert("edit");
57         }
58     });
59 
60 
61     //删除
62     del_id.click(function () {
63         var rows = datagrid_id.datagrid('getSelections');
64         if (rows.length >= 1) {
65             alert("del");
66         }
67     });
68 });

 

posted on 2014-04-08 23:51  X-Blog  阅读(314)  评论(0)    收藏  举报

导航