您的位置：首页 > 产品设计 > UI/UE

easyui datagrid列使用按钮

2016-06-26 18:30 387 查看
前的方法，只能显示成问题，不能显示按钮。

$('#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做的初始化工作，就可以显示出按钮的效果了。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  easyui
相关文章推荐
新的分享
章节导航