查看: 1474|回复: 4

找不到联动对象？ [复制链接]

cxhold

中级会员

Rank: 3 Rank: 3

电梯直达

楼主

发表于 2017-4-28 10:37:25 |只看该作者 |倒序浏览

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<title></title>
<script src="../scripts/boot.js" type="text/javascript"></script>
<style>
</style>
</head>
<body>
<a class="mini-button" iconCls="icon-ok" onclick="newrecord">新增</a>
<div class="mini-datagrid" id="datagrid1" style="height: 280px; width: 600px" allowCellSelect="true"
allowCellEdit="true">
<div property="columns">
<div displayfield="name" width="100" field="id" headeralign="center">
部门<input property="editor" class="mini-combobox" url="data/AjaxService.jsp?method=GetDepartments" showNullItem="true"
style="width: 100%;" textfield="name" id="deptCombo" valuefield="id" multiselect="false"
onvaluechanged="onDeptChanged" />
</div>
<div displayfield="name" field="id" width="100" headeralign="center">
职位<input property="editor" class="mini-combox" id="positionCombo" textfield="name" multiselect="false" showNullItem="true" valuefield="id" style="width: 100%;" />
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript">
mini.parse();
var grid = mini.get("datagrid1");
function newrecord(){
var grid = mini.get("datagrid1");
var row = {};
grid.addRow(row, 0);
//grid.load();
}
function onDeptChanged(e) {
var grid = mini.get("datagrid1");
var editor = e.sender;
var row = grid.getEditorOwnerRow(editor);
var did = e.value;
var rowIndex = row._uid;
var position = grid.getCellEditor(1, rowIndex);
position.setValue("");
var url = "data/AjaxService.jsp?method=GetPositionsByDepartmenId&id=" + did;
position.setUrl(url);
position.select(0);
}
</script>

复制代码

倒数第9行：var position = grid.getCellEditor(1, rowIndex); TypeError: position is null。
我哪里写错了？

收藏0

dforce

超级版主

Rank: 8 Rank: 8

沙发

发表于 2017-4-28 10:58:55 |只看该作者

单元格编辑模式，联动请参考我们实例
http://www.miniui.com/demo/#src=datagrid/celllinkedit.html
第一列编辑的时候，第二列的编辑器还不存在，获取不到

cxhold

中级会员

Rank: 3 Rank: 3

板凳

发表于 2017-4-28 11:07:01 |只看该作者

dforce 发表于 2017-4-28 10:58
单元格编辑模式，联动请参考我们实例
http://www.miniui.com/demo/#src=datagrid/celllinkedit.html
第一列 ...

谢谢！已经找到这个示例了。但是新增行还是有问题。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<title></title>
<script src="../scripts/boot.js" type="text/javascript"></script>
<style>
</style>
</head>
<body>
<a class="mini-button" iconCls="icon-ok" onclick="newrecord">新增</a>
<div class="mini-datagrid" id="datagrid1" style="height: 280px; width: 600px" allowCellSelect="true"
allowCellEdit="true" oncellcommitedit="OnCellCommitEdit" oncellbeginedit="OnCellBeginEdit">
<div property="columns">
<div field="dept_id" displayField="dept_name" width="100" headeralign="center">
部门<input property="editor" class="mini-combobox" url="data/AjaxService.jsp?method=GetDepartments" showNullItem="true"
style="width: 100%;" textfield="name" valuefield="id" multiselect="false" />
</div>
<div field="position" displayField="position_name" width="100" headeralign="center">
职位<input property="editor" class="mini-combox" textfield="name" multiselect="false" showNullItem="true" valuefield="id" style="width: 100%;" />
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript">
mini.parse();
var grid = mini.get("datagrid1");
function newrecord(){
var grid = mini.get("datagrid1");
var row = {};
grid.addRow(row, 0);
//grid.load();
}
function OnCellCommitEdit(e) {
var grid = e.sender;
var record = e.record;
var field = e.field, value = e.value;
if (field == "dept_id") {
grid.updateRow(record, { position: "", position_name: "" });
}
}
function OnCellBeginEdit(e) {
var grid = e.sender;
var record = e.record;
var field = e.field, value = e.value;
var editor = e.editor;
if (field == "position") {
var id = record.dept_id;
console.log(id);
if (id) {
var url = "data/AjaxService.jsp?method=GetPositionsByDepartmenId&id=" + id;
editor.setUrl(url);
} else {
e.cancel = true;
}
}
}
</script>