背景
很多时候,我们需要自定义行内容。
方案
这个时候,就需要自定义列内容
源码
<div id="datagridTable" class="mini-datagrid" style="width:100%;min-height: 300px;" allowResize="true" idField="id" multiSelect="true"
showEmptyText="true" emptyText="您好:系统暂无数据,请新增!">
<div property="columns">
<div type="indexcolumn" width="10" headerAlign="center">序号</div>
<div field="NAME" width="120" headerAlign="center" allowSort="false">车间名称</div>
<div name="action" width="120" headerAlign="center" align="center" renderer="onActionRenderer" cellStyle="padding:0;">操作</div>
</div>
</div>
// 自定义列内容
function onActionRenderer(e) {
var grid = e.sender;
var record = e.record;
var uid = record._uid;
var rowIndex = e.rowIndex;
var s = '<a class="Edit_Button" href="javascript:upd(\'' + uid + '\')">编辑</a>'
+ '<a class="Delete_Button" href="javascript:del(\'' + uid + '\')">删除</a>';
return s;
}
/*展示表单并回填数据到表单*/
function upd(row_uid){
var row = grid.getRowByUID(row_uid);
if (row) {
showOrhideForm();
var ret = row;
for(var key in ret){
$('input[name="'+key+'"]').val(ret[key]);
$('textarea[name="'+key+'"]').text(ret[key]);
}
}
}
结束
源码中,操作列即可实现自定义列内容
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。