EasyUi datagrid列表增加复选框

摘要:
本文为原创,未经许可不得转载。1.添加复选框列{field:'id',title:'',28,format:function(value,rowData,rowIndex){return“˂inputtype=”checkbox“n

本文为博主原创,未经允许不得转载

1.增加复选框列

{
 field: 'oid',
title: '<input type="checkbox" name="selectRadioList"    checked= true onchange="selectAll()"/>',
 28,
formatter: function(value, rowData, rowIndex){
        return "<input type="checkbox"  name="selectRadioName"   value="" + rowData.id + "" >";
}
},    

2.表单提交或查询时获取选中的数据id

var _this = this;
//获取选中的数据
obj = document.getElementsByName("selectRadioName");
varids;
var checked = false;
for(k inobj){
    var selectId =obj[k].value;
    if(selectId){
        if(obj[k].checked){
             //取到对象数组后,我们来循环检测它是不是被选中
                //如果选中,将value添加到变量s中    
            if(ids!=null){
                ids+=","+selectId;
            }else{
                ids =selectId; 
            }
        }
    }
}
if(ids==null||ids ==undefined){
    _this.tip("请选择记录");
    return;
}

3.控制标题栏中复选框全选和取消操作

functionselectAll(){ 
    var vals=document.getElementById("selectRadioList").checked;
    if(vals==true){
         $("input[name='selectRadioName']").attr("checked", 'checked');
         $("input[name='selectRadioName']").prop("checked",true); 
    }
    if(vals==false){
        $("input[name='selectRadioName']").removeAttr("checked");
        $("input[name='selectRadioName']").prop("checked",false); 
    }
}

效果:

EasyUi datagrid列表增加复选框第1张

免责声明:文章转载自《EasyUi datagrid列表增加复选框》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇单点登录理解GDI+ 学习记录(28): 图像颜色的数据格式 PixelFormat下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

怎么消除文件左上角的白色小框?

有时我们在使用电脑时会发现桌面图标和各类文件左上角有一个可勾选的小方框,点击会发现可以进行文件的多选,看起来不太美观,使用起来也非常的不习惯,还容易误操作。 这个小方框在Windows里叫作项目复选框,可以在我的电脑中进行设置取消,下面就来介绍一下步骤。 取消电脑项目复选框的方法 1、Win10系统中,打开“此电脑”,在上方的工具栏中点击“查看”,会出现...

DataGrid 刷新选中问题

背景:在项目中遇到了这样的问题,使用的DataGrid需要默认选中第一条数据,即数据加载后,无需用户点击,即可默认选中一项,并且,DataGrid支持筛选操作,需要完成这样的功能,数据源中的数据项的某些属性更新时,需要刷新UI,并且需要保持当前的多选项。 问题:上面的背景中提到了两个问题,一是需要默认选中第一项;二是DataGrid相关的视图进行刷新时需要...

【解决方法】EasyUI DataGrid不显示滚动条时,没有数据的问题

解决方法 于dataGrid例如,下面的代码被添加到的定义:  JavaScript Code  1 2 3 4 5 6 7 8 9 10 onLoadSuccess : function (data) {     if (data.total == 0) {         $('#dg').datagrid('insertRow', {  ...

easyui datagrid加载数据和分页

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><%String basepath = request.getContextPath();%><%@taglib prefix="c" uri="http:/...

WPF ScrollViewer嵌套的DataGrid、ListBox等控件的鼠标滚动事件无效,子控件拦截父控件滚动效果解决办法

注册子控件的PreviewMouseWheel,然后在滚动的时候设置控件的 IsHitTestVisible = false,因为这个参数设为false之后子控件里面的TextBox,CheckBox会失效,所以在停止滚动后要把参数设回来。代码如下 private void girdOrder_PreviewMouseWheel(object sende...

目前用到最全的datagrid(easyui)

包含checkbox、复合表头、多行可编辑单元格、combobox单元格,就差上次做的table中每行中的关联检索combobox单元格了。目前已修改为单行编辑,多行编辑时的check有问题$("#add").click(function(){ var index=$('#dataGrid').datagrid('appendRow', {        ...