怎么在easyui的datagrid里面设计级联下拉列表
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<script type="text/javascript">
$(function(){
var lastIndex;
$('#tt').datagrid({
url: 'dategrid_data.json',
rownumbers: true,
collapsible:true,
striped: true,
columns:[[
{field:'id',title:'id',hidden:true},
{field:'type',title:'类型',width:150,align:'center',
editor:{type:'combobox',options:{required:true}}
},
{field:'name',title:'名称',width:150, align:'center',
editor:{type:'combobox',options:{required:true}}
},
]],
toolbar:[
{
text:'增加',
iconCls:'icon-add',
handler:function(){
$('#tt').datagrid('endEdit', lastIndex);
$('#tt').datagrid('appendRow',{
id:'',
type:'',
name:''
});
var lastIndex = $('#tt').datagrid('getRows').length-1;
}
},'-',{
text:'删除',
iconCls:'icon-remove',
handler:function(){
var row = $('#tt').datagrid('getSelected');
if (row){
var index = $('#tt').datagrid('getRowIndex', row);
$('#tt').datagrid('deleteRow', index);
}
}
}
],
onBeforeLoad:function(){
$(this).datagrid('rejectChanges');
}
});
</script>
</head>
<body >
<table align="center" id="tt" style="height:auto" width="100%" title="test" singleSelect="true" >
</table>
</body>
</html>页面的大致代码如上，使用的版本是jquery-easyui-1.2.3，我想把datagrid中的type和name这两列做成级联下拉列表，但是我不知道怎么在点击下拉列表后获取到这个下拉列表所在行的rowIndex，还请各位指点！
展开
收起
1
条回答
写回答
写回答
-
function getRowIndex(target) { var tr = $(target).closest('tr.datagrid-row'); return parseInt(tr.attr('datagrid-row-index')); }然后用getRowIndex(this)
2019-07-17 19:52:54赞同 展开评论 打赏
问答标签：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
