北京华夏安泰技术论坛

 找回密码
 立即注册

扫一扫,访问微社区

QQ登录

只需要一步,快速开始

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 196|回复: 0

easyUI datagrid实现单列单选功能

[复制链接]

4

主题

179

帖子

690

积分

内部工作人员

积分
690
发表于 2018-4-16 11:05:40 | 显示全部楼层 |阅读模式



效果图
单列单选功能创建代码$('#appraiseItemDatagrid').datagrid({
         url : "purchAppraiseItemController/findPurchAppraiseItemByParams.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('',index);
                 $(":checkbox[name='appraiseItemResult"+index+"']").click(
                     function() {
                         if ($(this).is(':checked')) {
                             $(this).attr('checked', true).siblings().attr('checked', false);
                             // if($(this).val() == '01'){
                             //     $('#appraiseItemResults'+index).val('01');
                             // }else if($(this).val() == '02'){
                             //     $('#appraiseItemResults'+index).val('02');
                             // }else{
                             //     $('#appraiseItemResults'+index).val('03');
                             // }
                         }else{
                             $(this).attr('checked', false).siblings().attr('checked', false);
                         }
                     }
                 );
   }
}
     });

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册  

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则


小黑屋|手机版|Archiver|北京华夏安泰技术论坛  

GMT+8, 2019-2-17 01:42 , Processed in 0.140625 second(s), 23 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表