easyui datagrid 多选选中行或者选中框事件处理

最新推荐文章于 2022-07-25 16:22:16 发布

酒丿精

最新推荐文章于 2022-07-25 16:22:16 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： html 文章标签： html

本文链接：https://blog.youkuaiyun.com/hujiujun/article/details/118310137

html 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何在EasyUI的Datagrid组件中实现多选和单选功能，详细阐述了选中行和选中框的事件处理方法，确保在使用Datagrid时能实现选框多选而行选择保持单选的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(function() { 
      grid = $('#grid').datagrid({
            title : '',
            url : gx.contextPath + '/base/base-infor!queryBaseInfor.seryo',
            striped : true,
            rownumbers : true,
            pagination : true,
            singleSelect : false,
            idField : 'id',
            sortName : 'crTime',
            sortOrder : 'desc',
            pageSize : 50,
            pageList : [ 10, 20, 30, 40, 50, 100, 200, 300, 400, 500 ],
            fitColumns : false, onClickRow : function(rowIndex, rowData){$("#grid").datagrid('clearSelections'); $('#grid').datagrid("selectRow", rowIndex); },
            frozenColumns : [ [{checkbox: true},{
                width : '100',
                title : '证号',
                field : 'baseCardid',
                sortable : true,
                hidden : false,
                formatter:function(value,row,index){
                    if(row.isBuyBeyond==1){
                        return  '<span style="color:red">'+value+'</span>';
                    }
                    return value;
                }
            }] ],
            columns : [ [{
                width : '220',
                title : '所属区域',
                field : 'disCities',
                sortable : true,
                hidden : false
            }, {
                width : '100',
                title : '地址',
                field : 'detailsAdress',
                sortable : true,
                hidden : false
            }, {
                width : '100',
                title : '联系人',
                field : 'contactPeople',
                sortable : true,
                hidden : false
            }, {
                width : '100',
                title : '联系电话',
                field : 'contactPhoneSDAS',
                sortable : true,
                hidden : false
            }, {
                width : '150',
                title : '创建时间',
                field : 'crTime',
                hidden : false,
                sortable : true
            }, {
                width : '150',
                title : '修改时间',
                hidden : false,
                field : 'upTime',
                sortable : true
            } ] ],
            toolbar : '#toolbar',
            /* onBeforeLoad : function(param) {
                $.messager.progress({
                    text : '数据加载中....'
                });
            }, */
            onLoadSuccess : function(data) {
                $('.iconImg').attr('src', gx.pixel_0);
                $('#grid').datagrid('fixRownumber');
                datagrid_clearSelections(grid);
                //$.messager.progress('close');
            }
        });
        
    });

得到效果，选框可以多选，选行只能单选