easyui datagrid列使用按鈕
阿新 • • 發佈:2019-01-09
前的方法,只能顯示成問題,不能顯示按鈕。
$('#datagrid').datagrid({
border:false,
fitColumns:true,
singleSelect: true,
url:url,
columns:[[
{field:'projectname',title:'應用名',width:80},
{field:'projectpackage',title:'應用包名',width:25}
{field:'opt',title:'操作',width:50 ,align:'center',
formatter:function(value,rec){
var btn = '<a class="editcls" onclick="editRow(\''+rec.projectname+'\',\''+rec.projectpackage+'\')" href="javascript:void(0)">編輯</a>';
return btn;
}
}
]]
});
經過查資料,改進之後,效果還不錯!
$('#datagrid').datagrid({
border:false,
fitColumns:true,
singleSelect: true,
url:url,
columns:[[
{field:'projectname',title:'應用名',width:80},
{field:'projectpackage',title:'應用包名',width:25}
{field:'opt',title:'操作' ,width:50,align:'center',
formatter:function(value,rec){
var btn = '<a class="editcls" onclick="editRow(\''+rec.projectname+'\',\''+rec.projectpackage+'\')" href="javascript:void(0)">編輯</a>';
return btn;
}
}
]],
onLoadSuccess:function(data){
$('.editcls').linkbutton({text:'編輯',plain:true,iconCls:'icon-edit'});
}
});
主要就是在onLoadSuccess做的初始化工作,就可以顯示出按鈕的效果了。