`

easyUI checkbox选中点击不自动选中

 
阅读更多
$('#test').datagrid({
    onLoadSuccess: function(){
            function bindRowsEvent(){
                var panel = $('#test').datagrid('getPanel');
                var rows = panel.find('tr[datagrid-row-index]');
                rows.unbind('click').bind('click',function(e){
                    return false;
                });
                rows.find('div.datagrid-cell-check input[type=checkbox]').unbind().bind('click', function(e){
                    var index = $(this).parent().parent().parent().attr('datagrid-row-index');
                    if ($(this).attr('checked')){
                        $('#test').datagrid('selectRow', index);
                    } else {
                        $('#test').datagrid('unselectRow', index);
                    }
                    e.stopPropagation();
                });
            }
            setTimeout(function(){
                bindRowsEvent();
            }, 10);    
    }
});
 

 

分享到:
评论

相关推荐

    easyui checkbox +全选

    标题 "easyui checkbox +全选" 指的是在网页界面设计中使用 EasyUI 框架实现复选框(checkbox)以及全选功能。EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列预定义的 CSS 样式和 JavaScript 组件,帮助...

    基于easyui checkbox 的一些操作处理方法

    3、checkbox在弹出层的,记住选中的checkbox,再次弹出弹出层时,将已选的checkbox回设 先将已选的checkbox该行的idField存进全局变量数组  (未完待续) 以上这篇基于easyui checkbox 的一些操作处理方法就是小编...

    解决EasyUI中Tree的CheckBox不能设置为禁用的问题

    //解决的问题是Tree控件的checkbox不能设置为不允许用户勾选 //设置一个标志位,在整棵树加载完成后就将标志位设置为false,不允许勾选checkbox了,在加载数据完成之前是可以勾选的,用来在数据中设置勾选了哪些节点 /...

    jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法

    本文实例讲述了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法。分享给大家供大家参考,具体如下: 方法很简单,我们只需要在数据加载成功后的事件中处理即可。具体代码如下所示: //事件 onLoadSuccess:...

    使用jQuery+EasyUI实现CheckBoxTree的级联选中特效

    总结起来,本文详细介绍了如何利用jQuery和EasyUI库创建一个CheckBoxTree组件,并实现子节点选中时父节点自动选中,父节点取消时子节点自动取消选中的级联效果。通过理解和应用这些步骤,开发者可以在自己的项目中...

    在easyui-combobox多选模式下加入选择所有选项

    这样,当用户点击“选择全部”按钮时,如果所有选项都已被选中,系统会执行反选操作;否则,所有选项将被选中。 此外,考虑到`busShiftTimeList.jsp`文件名,这个示例可能与公交班次时间列表相关。在实际项目中,...

    Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法

    例如,绑定一个点击事件到某个按钮上,当点击时执行一个函数set_power_status(),该函数通过遍历所有选中的checkbox元素,提取其id属性,并将它们拼接成一个字符串,最后通过alert弹出显示。 ```javascript ...

    jQuery获取checkbox选中的值

    本文将详细讲解如何使用jQuery获取checkbox选中的值,并分享一些关于jQuery操作checkbox的基本方法。 首先,让我们来看标题和描述中提到的问题:在网页上有多个checkbox,用户可以选择其中的一个或多个,然后我们...

    easyui tree带checkbox实现单选的简单实例

    标题所指的“easyui tree带checkbox实现单选”是指在EasyUI的树形组件中,每个节点都可以被勾选,但同一时间只能有一个节点处于选中状态。这种功能通常用于当用户需要从多个选项中选择一个作为唯一选择的情况。 ...

    jQuery Easyui Treegrid实现显示checkbox功能

    当用户点击某个复选框时,我们需要遍历树结构,根据父节点和子节点的关系来更新其他节点的选中状态。这里需要考虑到两种情况:一是父节点被选中,其所有子节点也应被选中;二是父节点被取消选中,其所有子节点都应被...

    在DataGrid中使用CheckBox,实现全选功能

    如果选中的行数等于总行数,那么全选CheckBox应显示为选中状态。 博客中可能还包含了具体的示例代码和详细的步骤,例如如何创建ViewModel、如何绑定数据、以及如何处理事件。在实际开发中,确保数据绑定正确并能...

    Easyui Tree获取当前选择节点的所有顶级父节点

    Easyui Tree是一款基于jQuery的前端组件,用于创建交互式的树形结构。在开发过程中,有时我们需要获取用户当前选择的节点,并且需要得到这个节点的所有顶级父节点,以便于进行数据处理或者展示路径。本文将详细讲解...

    combogrid 本地搜索多列匹配及复选框选中问题

    通过添加`onClickRow`事件处理函数,当用户点击某一行时,不仅选中对应的复选框,还会自动设置`combogrid`的值。这样就能确保即使在复杂的交互场景下,用户也能轻松完成数据的选择操作。 #### 四、总结 通过对`...

    设置checkbox为只读(readOnly)的两种方式

    这段代码会监听所有类型的checkbox,当用户尝试点击时,会立即反转其选中状态,使得状态始终保持不变,达到只读的效果。 ### 注意事项与兼容性 1. **兼容性**:以上两种方法在大多数现代浏览器中都能良好工作,但...

    easyui各种常用的图标

    3. **状态图标**:EasyUI还提供了表示状态的图标,如勾选的复选框("checkbox-checked")和未选中的复选框("checkbox-unchecked"),以及锁定和解锁图标("icon-lock"和"icon-unlock"),这些图标常用于表单元素的...

    HTML checkbox 点击说明文字即可选择/取消勾选状态

    通过设置复选框和说明文字在同一个`<label>`元素内,或者使用`for`属性与复选框的`id`相呼应,用户点击说明文字时就会自动触发复选框的选中或取消选中操作。 例如,以下代码段实现了上述功能: ```html ...

    自做多选下拉框和可联想文本框

    此外,设计时还需要考虑用户体验,例如提供清晰的选中状态反馈、优化触摸设备的交互等。 接下来是“可联想文本框”,也称为自动补全或建议输入框。这种控件常用于搜索框或者数据录入,当用户在输入框中键入文字时,...

Global site tag (gtag.js) - Google Analytics