背景

很多时候，我们需要自定义行内容。


方案

这个时候，就需要自定义列内容


源码

<divid="datagridTable"class="mini-datagrid"style="width:100%;min-height:300px;"allowResize="true"idField="id"multiSelect="true"showEmptyText="true"emptyText="您好:系统暂无数据，请新增！"><divproperty="columns"><divtype="indexcolumn"width="10"headerAlign="center">序号</div><divfield="NAME"width="120"headerAlign="center"allowSort="false">车间名称</div><divname="action"width="120"headerAlign="center"align="center"renderer="onActionRenderer"cellStyle="padding:0;">操作</div></div></div>//自定义列内容functiononActionRenderer(e){vargrid=e.sender;varrecord=e.record;varuid=record._uid;varrowIndex=e.rowIndex;vars='<aclass="Edit_Button"href="javascript:upd(\''+uid+'\')">编辑</a>'+'<aclass="Delete_Button"href="javascript:del(\''+uid+'\')">删除</a>';returns;}/*展示表单并回填数据到表单*/functionupd(row_uid){varrow=grid.getRowByUID(row_uid);if(row){showOrhideForm();varret=row;for(varkeyinret){$('input[name="'+key+'"]').val(ret[key]);$('textarea[name="'+key+'"]').text(ret[key]);}}}

结束

源码中，操作列即可实现自定义列内容