EasyUI datagrid 单列单选框添加 及取值

原创 2018年04月16日 10:58:48

效果如图

直接上代码

<script>
                $("#xxx").datagrid("selectAll");
                var rowsss=$("#xxx").datagrid("getSelections");
                for(var i in rowsss){
                    $("input:checkbox[name='appraiseItemResult"+i+"']:checked").each(function() { // 遍历name=appraiseItemResult的多选框
                        console.log('[$(#appraiseItemResult'+i+').val()]',$(this).val());
                        rowsss[i].appraiseItemResult = $(this).val();
                    });
                    console.log('[rows]-->',JSON.stringify(rowsss[i]));
                }
</script>

<script>
$('#xxx').datagrid({
url : "xxxxxx/xxxxxxxxx.do", fit: true, border: false, singleSelect: true, idField: 'appraiseItemId', columns: [[ {field:'appraiseItemId', hidden:true}, {field:'sn',title:'序号',width:'100',halign:'center',align:'center'}, {field:'appraiseName',title:'评价项目',width:'200',halign:'center'}, {field:'appraiseRequirement',title:'评价要求',width:'700',halign:'center'}, {field:'appraiseItemResult',title:'评价结果',width:'260',halign:'center',align:'center', formatter: function(value,row,index){ return '<input type=\"checkbox\" value=\"01\" id =\"'+index+'01\" name=\"appraiseItemResult'+index+'\" />好\n' + '<input type=\"checkbox\" value=\"02\" id =\"'+index+'02\" name=\"appraiseItemResult'+index+'\" />一般\n' + '<input type=\"checkbox\" value=\"03\" id =\"'+index+'03\" name=\"appraiseItemResult'+index+'\" />差'; },}, ]], onLoadSuccess:function(data){ console.log('加载完成'); for(var index in data.rows){ console.log('[i]',index); $(":checkbox[name='appraiseItemResult"+index+"']").click( function() { if ($(this).is(':checked')) { $(this).attr('checked', true).siblings().attr('checked', false); }else{ $(this).attr('checked', false).siblings().attr('checked', false); } } );}} });</script>


这样可以保证多选框处于单选状态 


版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/dirk_cong/article/details/79957690

在DataGrid中使用单选框

 在DataGrid中使用单选框 其实现步骤如下 1.              在DataGrid中添加一列模板列,在模板列中加入单选框,但是不能用RadioButton,这样就不能达到效果,其HT...
  • JOHNCOOLS
  • JOHNCOOLS
  • 2007-05-14 16:28:00
  • 1722

CRM的dev(七)--为easyUI的datagrid每行增加一个单选按钮

EasyUI的datagrid为每行增加单选按钮: Js中的Columns直接增加一个字段: 代码如下:{field: 'IsEnable', title: '选择', width: 60, al...
  • tom_code
  • tom_code
  • 2017-07-31 23:26:19
  • 834

EasyUI——DataGrid中嵌入Radio

前一篇博客写到项目中的广告位管理,当时没有写到今天的问题,这个问题当时也是困扰我好久。经过自己的努力和同志们的帮助,最后终于解决。 实现要求把所有的广告位后面的单选按钮设成一组,目的是一个广告位只能显...
  • u010926964
  • u010926964
  • 2015-07-20 10:45:46
  • 5437

EasyUI 之 datagrid 显示单选radio

首先就实现而言分为代码实现、标签和代码实现。      (1)代码实现 具体参考 http://blog.csdn.net/u010926964/article/details/46965213 感...
  • zhchyun2008
  • zhchyun2008
  • 2016-11-17 10:47:20
  • 2694

jQuery easyUI datagrid单列排序简介

jQuery easyUI datagrid单列排序简介
  • u012248761
  • u012248761
  • 2017-01-16 17:29:34
  • 1003

easy ui datagrid radio 设置选择 和textbox设置值

发现easy ui 好像改了一些js的什么东西,导致一些jquery的操作无法修改界面里的值 要给textbox设置值,要这样才可以:$("#txtPoint").textbox({ "value"...
  • wyljz
  • wyljz
  • 2015-12-14 14:50:19
  • 6132

DataGrid中的添加CheckBox实现全选/单选【原创】

首先先添加个模版列,然后编辑模版列,在里面拖2个HtmlControl的CheckBox,HeaderTemplate中的CheckBox的ID为:chkHeader; ItemTemplate中的C...
  • zhulei2008
  • zhulei2008
  • 2006-11-28 10:56:00
  • 1179

easyUI datagrid列的取值问题

问题描述: 我们需要得到创业方案策略NEW的百分数,但是这个表格是动态显示的,即可能存在多个策略,如下图 显然,它们的field是变化的,那么该如何取到它们的值呢? 解决方案: ①首先获取所在列的...
  • kfengqingyangk
  • kfengqingyangk
  • 2016-11-16 17:15:19
  • 2175

使用easyui框架form控件,单选按钮radio或复选框checkbox样式问题

easyui只提供了textbox文本框,未提供单选按钮radio或复选框checkbox控件,在使用过程中,会存在单选按钮radio或复选框checkbox与文本框textbox样式不统一的问题,要...
  • javaloveiphone
  • javaloveiphone
  • 2015-10-29 15:59:48
  • 45448

easyUI单选框实现,动态改变checked值;easyUI禁用启用输入框

输入最小频段:  至:  最  大  频  段:  至:  ...
  • sinat_16741503
  • sinat_16741503
  • 2017-06-12 16:39:22
  • 1998
收藏助手
不良信息举报
您举报文章:EasyUI datagrid 单列单选框添加 及取值
举报原因:
原因补充:

(最多只允许输入30个字)