EASTUI DataGrid 编辑行

[devers]

做datagrid 的编辑 editor 定义的filebox 没有显示出来 请问 可以实现这种操作吗?
<table id="dg" class="easyui-datagrid" title="图文信息"
[align=left] data-options="
iconCls: 'icon-edit',
singleSelect: true,
toolbar: '#tb',
striped: true,
collapsible: true,
singleSelect: true,
method: 'get',
onClickRow: onClickRow
">
<thead >
<tr >
<th data-options="field:'Title',width:200,align:'right',editor:{type:'validatebox',options:{required:true}}">标题</th>
<th data-options="field:'Description',width:300,align:'right',editor:'text'">标题描述</th>
<th data-options="field:'MediaTitle',width:200,align:'right',editor:{type:'file'}">图片</th>
</tr>
</thead>
</table>
<div data-options="region:'south',border:false" style="text-align: center; padding: 5px 0;">
<a id="btnSubmit" class="easyui-linkbutton" data-options="iconCls:'icon-save'" href="javascript:void(0)" onclick="SaveInfo()"><%=(Resources.lang.Save) %></a>
<a id="btnCancel" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="closeW()"><%=(Resources.lang.Cancel) %></a>
</div>
function onClickRow(index) {
if (editIndex != index) {
if (endEditing()) {
$('#dg').datagrid('selectRow', index)
.datagrid('beginEdit', index);
editIndex = index;
$('#dg').datagrid('selectRow', editIndex);
} else {
$('#dg').datagrid('selectRow', editIndex);
}
}
}

function append() {
if (endEditing()) {
$('#dg').datagrid('appendRow', { status: 'P' });
editIndex = $('#dg').datagrid('getRows').length - 1;
$('#dg').datagrid('selectRow', editIndex)
.datagrid('beginEdit', editIndex);
}
}
function removeit() {
if (editIndex == undefined) { return }
$('#dg').datagrid('cancelEdit', editIndex)
.datagrid('deleteRow', editIndex);
editIndex = undefined;
}