您的位置:首页 > 产品设计 > UI/UE

layer关闭弹窗 (弹窗easyui:为datagrid添加radio单选框)

2017-12-20 20:24 309 查看
<script type="text/javascript">
//按钮点击事件
$("#button_search").click(function(){
//获取keyword
var keyword = $("#keyword").val();

$('#dg').datagrid({
url:'/sbd/findCompanyByKeyword.action',
pagination: true,
pageSize: 10,
pageList: [10,15,20,25],
queryParams:{
"keyword":keyword
},
fitColumns: true,//fitColumns设置为true,自动扩展或收缩列的大小以适应网格宽度和防止水平滚动条
singleSelect: true,
loadMsg:'正在查询,请稍等...',
columns:[[
{field:'id',title:'ID',width:30,align:'center'},
{field:'companyNo',title:'公司编号',width:50,align:'center'},
{field:'companyName',title:'公司名称',width:50,align:'center'},
{field:'areaId',title:'所属地区',width:50,align:'center'},
{field:'address',title:'地址',width:150,align:'center'},
{ field: 'checked', title: '选择', width: 20,align:'center',
formatter: function(value, rowData, rowIndex){
return '<input type="radio" name="selectRadio" id="selectRadio"' + rowIndex + 'value="' + rowData.oid + '" />';
}
}
]],
//onload
onLoadSuccess: function(data){
//加载完毕后获取所有的checkbox遍历
if (data.rows.length > 0) {
//循环判断操作为新增的不能选择
for (var i = 0; i < data.rows.length; i++) {
//根据operate让某些行不可选
if (data.rows[i].operate == "false") {
$("input[type='radio']")[i].disabled = true;
}
}
}
},
//父子页面传参数
onClickRow: function(rowIndex, obj, rowData){
//加载完毕后获取所有的checkbox遍历
var radio = $("input[type='radio']")[rowIndex].disabled;
//如果当前的单选框不可选,则不让其选中
if (radio!= true) {
//让点击的行单选按钮选中
$("input[type='radio']")[rowIndex].checked = true;
//父子页面传参数
parent.$("#hidden_company_id").val(obj.id);
parent.$("#company_name").val(obj.companyName);
//获取当前窗体索引
var index = parent.layer.getFrameIndex(window.name);
//执行关闭
parent.layer.close(index);

}else {
$("input[type='radio']")[rowIndex].checked = false;
}
}

});

});
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  easyui layer