grid使用js添加行后不能选择，选择失效 - jQuery MiniUI

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>测试</title>
<script src="../../scripts/boot.js" type="text/javascript"></script>
<script src="../../scripts/common-util.js" type="text/javascript"></script>
<script src="../../scripts/UrlParm.js" type="text/javascript"></script>
<style type="text/css">
body {
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.icon-online, .icon-offline {
width: 16px;
height: 16px;
overflow: hidden;
margin: auto;
background: url(../../content/images/item-online.png) no-repeat;
text-align: center;
display: block;
}
.icon-offline {
background: url(../../content/images/item-offline.png) no-repeat;
}
</style>
</head>
<body>
<div class="mini-toolbar" style="padding: 1px; border-bottom: 0;">
<table style="width: 100%;">
<tr>
<td style="width: 100%;">
<label style="color:blue;font-family:微软雅黑;font-size:12px;">【用户管理】</label><span class="separator"></span>
<a class="mini-button" iconcls="icon-tb-refresh" plain="true" onclick="onRefreshGrid">刷新</a>
<span class="separator"></span>
<a class="mini-button" iconcls="icon-tb-add" plain="true" onclick="onAdd">新增</a>
<a class="mini-button" iconcls="icon-tb-edit" plain="true" onclick="onEdit">修改</a>
<a class="mini-button" iconcls="icon-tb-delete" plain="true" onclick="onDelete">删除</a>
<a class="mini-button" iconcls="icon-item-save" plain="true" onclick="onSave">保存</a>
</td>
<td style="white-space: nowrap;"></td>
</tr>
</table>
</div>
<div class="mini-fit">
<div id="datagrid1" class="mini-datagrid" style="width: 100%; height: 100%;" loadingmsg="正在加载数据，请稍等..." allowresize="true"
idfield="id" multiselect="true" allowalternating="true" allowrowselect="true" showpager="false">
<div property="columns">
<div type="indexcolumn" align="center" headeralign="center" allowsort="flase">序号</div>
<div type="checkcolumn"></div>
<div field="info_guid" type="comboboxcolumn" width="120" align="center" headeralign="center" allowsort="flase">
情报板名称
<div property="editor" class="mini-combobox" textfield="infobar_name" valuefield="id" url="/InfoBar/GetAllInfobar"></div>
</div>
<div field="instyle" type="comboboxcolumn" width="80" align="center" headeralign="center" allowsort="flase">
入屏方式
<div property="editor" class="mini-combobox" textfield="FName" valuefield="FID" url="/InfoBar/GetTInStyle"></div>
</div>
<div field="outstyle" type="comboboxcolumn" width="80" align="center" headeralign="center" allowsort="flase">
出屏方式
<div property="editor" class="mini-combobox" textfield="FName" valuefield="FID" url="/InfoBar/GetTOutStyle"></div>
</div>
<div field="font" width="50" align="center" headeralign="center" allowsort="flase">
字体
@*<div property="editor" class="mini-combobox" textfield="FFontName" valuefield="Code" url="/InfoBar/GetTFont"></div>*@
</div>
<div field="fontcolor" width="80" align="center" headeralign="center" allowsort="flase">
字体颜色
@*<div property="editor" class="mini-combobox" textfield="FName" valuefield="FID" url="/InfoBar/GetTFontColor"></div>*@
</div>
<div field="backcolor" width="80" align="center" headeralign="center" allowsort="flase">
背景颜色
@*<div property="editor" class="mini-combobox" textfield="FName" valuefield="FID" url="/InfoBar/GetTBackColor"></div>*@
</div>
<div field="backcolor" type="comboboxcolumn" width="80" align="center" headeralign="center" allowsort="flase">
背景颜色
<div property="editor" class="mini-combobox" textfield="FName" valuefield="FID" url="/InfoBar/GetTBackColor"></div>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript">
mini.parse();
//播放列表grid
var play_grid = mini.get("datagrid1");
play_grid.setUrl("/InfoBar/GetPlayList");
play_grid.load({ info_guid: 'FB0B368A-6879-45C4-8DE7-B7DEF6613697' });
function onAdd() {
var index = play_grid.getData().length;
var row = { no: index, staytime: 30, instyle: 0, outstyle: 0, font: 's', fontcolor: 1, backcolor: 0, speed: 0 };
play_grid.addRow(row, -1);
}
function onEdit() {
}
function onDelete() {
}
function onSave() {
}
</script>

复制代码