{field: 'expenseName',title: "费用名称",width:100, formatter:function(value,row){ return row.value; }, editor:{ type:'combobox', options:{ valueField:'key', textField:'value', data:ExpenseList, required:true } } },选择后关闭editor页面不显示值
时间: 2024-02-10 14:35:02 浏览: 73
这个问题的原因可能是因为在formatter函数中,使用了错误的属性名或者没有返回正确的值。你可以检查一下代码,确保使用的是正确的属性名,并且formatter函数返回的值是正确的。
另外,你也可以检查一下editor页面的关闭事件,确保在关闭页面时将选择的值正确地赋值给了相应的属性。如果还是无法解决问题,可以提供更多的代码和错误信息,以便我更好地帮助你解决问题。
相关问题
columns: [[ { field: 'showCheckboxWithId', checkbox: true, formatter: function (value, row, index) { return row.id } }, {field: 'id',title: "id",hidden: true}, {field: 'productionBarCode',title: "提单号/运单号",width:150}, {field: 'salesBarCode',title: "一程日期",width:150}, {field: 'commodityName', width:250,title:"二程日期"}, {field: 'vehicleType',title: "预计到货日期",width:150}, {field: 'customVehicleType',title: "海船公司",width:150}, {field: 'commodityConfigCopy', width:250,title:"放箱日期"}, {field: 'attachment',filebox:true, width:250,title:"放箱单上传" }, ]]设置放箱单上传为filebox
您可以在DataGrid的columns属性中,在对应列的配置中添加filebox属性来将该列设置为FileBox控件。例如:
```javascript
columns: [
{
field: 'showCheckboxWithId',
checkbox: true,
formatter: function (value, row, index) {
return row.id
}
},
{ field: 'id', title: "id", hidden: true },
{ field: 'productionBarCode', title: "提单号/运单号", width: 150 },
{ field: 'salesBarCode', title: "一程日期", width: 150 },
{ field: 'commodityName', width: 250, title: "二程日期" },
{ field: 'vehicleType', title: "预计到货日期", width: 150 },
{ field: 'customVehicleType', title: "海船公司", width: 150 },
{ field: 'commodityConfigCopy', width: 250, title: "放箱日期" },
{ field: 'attachment', filebox: true, width: 250, title: "放箱单上传" }
]
```
这将在最后一列中显示FileBox控件,并将该列的标题设置为“放箱单上传”。注意,您需要在该列对应的数据中添加一个名为“attachment”的属性,该属性的值将被用作FileBox控件的值。
function initEntryDetail(){ $('#Business_entryDetail_show_datagrid').datagrid({ loadMsg: '数据加载中请稍后……', url:"/manage/platform/dispatch/bookWarehouse/btpBookingEntry//listJson.html", queryParams: { search_EQ_dispatchId: $("#dispatchId").val(), search_EQ_isDelete:0 }, border:false, fitColumns:false, singleSelect:false, idField:'id', pagination:true, pageSize:20, pageList:[ 10, 20, 30, 40, 50], sortName:'id', sortOrder:'desc', checkOnSelect:true, selectOnCheck:true, columns: [[ {field: 'id',title: "id",hidden: true}, { field: 'actionId', title: "操作", formatter: function (value, row, index) { return "<a href='javascript:void(0)' onclick='makeTrueTime(" + value + "," + JSON.stringify(row) + "," + index + ")'>确认收货</a> " } }, {field: 'isClick',title: "isClick",hidden: true}, {field: 'billLadingNo',title: "提单号/运单号", width:150}, {field: 'oneDistance',title: "一程日期",width:150}, {field: 'twoDistance', width:250,title:"二程日期"}, {field: 'prematchShipDate',title: "预计到货日期",width:150}, {field: 'shipCompany',title: "海船公司",width:150}, {field: 'containerDate', width:250,title:"放箱日期"}, { field: 'attachment', width: 250, title: "放箱单上传", formatter: function(value, row, index) { return '<a href="javascript:void(0)" class="attachment-btn">上传附件</a>'; } }, {field: 'billLadingDate', width:250,title:"提单日期"}, {field: 'actOneDistance', width:250,title:"实际一程日期"}, {field: 'actTwoDistance', width:250,title:"实际二程日期"}, {field: 'arriveDate', width:250,title:"运抵日期"}, {field: 'receiptConfimDate', width:250,title:"收货确认日期"}, ]] }) }makeTrueTime设置当前时间到receiptConfimDate列上展示
你可以在 `makeTrueTime` 方法中,调用 datagrid 的 `updateRow` 方法,更新 `receiptConfimDate` 列的值。具体步骤如下:
1. 获取 datagrid 对象和当前行的索引值。
```javascript
var datagrid = $('#Business_entryDetail_show_datagrid');
var index = datagrid.datagrid('getRowIndex', row);
```
2. 获取当前时间,并将其格式化为你需要的日期格式。
```javascript
var now = new Date();
var dateStr = now.getFullYear() + '-' + (now.getMonth() + 1) + '-' + now.getDate();
```
3. 使用 `updateRow` 方法更新 `receiptConfimDate` 列的值。
```javascript
datagrid.datagrid('updateRow', {
index: index,
row: {
receiptConfimDate: dateStr
}
});
```
完整的 `makeTrueTime` 方法代码如下:
```javascript
function makeTrueTime(value, row, index) {
var datagrid = $('#Business_entryDetail_show_datagrid');
var index = datagrid.datagrid('getRowIndex', row);
var now = new Date();
var dateStr = now.getFullYear() + '-' + (now.getMonth() + 1) + '-' + now.getDate();
datagrid.datagrid('updateRow', {
index: index,
row: {
receiptConfimDate: dateStr
}
});
}
```
当你点击确认收货链接时,就会触发该方法,自动将当前时间更新到 `receiptConfimDate` 列上展示。
阅读全文