nui的grid使用onselectionchanged触发事件

在使用nui开发过程中，如果需要根据点击的不同的行，作出不同的处理，这个时候我们需要在grid中设置onselectionchanged属性。

示例如下：

1、预期效果：

如果“是否预留”一列显示的为“是”，那么当选中这一行时，左上方的“释放”按钮可以点击。

如果“是否预留”一列显示的为“否”，那么当选中这一行时，左上方的“释放”按钮不可以点击。

2、对应代码：

html代码，在grid中添加onselectionchanged属性：

<div id="mainGrid" class="nui-datagrid" style="width: 100%;" idField="id" allowAlternating="true"
				sizeList="[10,20,30,50]" pageSize="10" multiSelect="false" onselectionchanged="selectionChanged">
				<div property="columns">
					<div type="checkcolumn">选择</div>
					<div field="address" width="120" headerAlign="center" align="center">IP地址 </div>
					<div field="fulladdress" width="120" headerAlign="center" align="center">网段地址</div>
					<div field="hostName" width="120" headerAlign="center" align="center">所属主机</div>
					<div field="reserved" width="120" headerAlign="center" align="center">是否预留</div>
				</div>
			</div>

对应的需要写一段js代码：

//事件
function selectionChanged(){  
	var row = grid.getSelected();
	var res = row.reserved;
	if(res == "否") {
		nui.get("unReserve").disable();
	} else if(res == "是") {
		nui.get("unReserve").enable();
	}
}