表格初始化
$("#deviceGrid").datagrid({
//数据来源,也可以用URL直接链接
data:me.deviceList,
fitColumns:true,
rownumbers:true,
fit: true,
columns:[[
//显示多选框
{field:'iii',title:'字段代码',width:'10%',checkbox:true},
{field:'id',title:'设备id',align:'center',width:120},
{field:'name',title:'设备名称',align:'center',width:140,
//列属性下添加一个方法 value是显示的值,device是当前行的信息,通过onclick事件调用editInfo方法
formatter:function(value,device){
return '<a onclick="editInfo(\'' + device.id + '\')" href="javascript:void(0)">' + value + '</a>';
}
},
{field:'address',title:'通讯地址',align:'center',width:80},
{field:'opt1',title:'操作',width:100,align:'center',
formatter:function(value,rec){
return '<a class="editcls" onclick="deleteInfo(\'' + rec.id+ '\')" ' +
'href="javascript:void(0)">删除</a>';
}
}
]],
});
注意:一定要在vue外初始化调用的方法
例如,调用的是editInfo方法,就在vue外添加如下代码
function editInfo(id){
deviceVue.editInfo(id);
}
2、默认选中第一行
//表格加载成功后触发事件
onLoadSuccess:function(data){
//选中第一行
$('#deviceGrid').datagrid("selectRow", 0);
},