$('#infodatagrid').datagrid({
nowrap: false,
striped: true,
loadMsg:'数据加载中请稍后……',
url:'<c:url value="/jxc/depot/findImportDocumentInfo.jsps?documentId="/>'+'<c:out value="${d.documentId}"/>',
collapsible:true,
singleSelect:true,
showPageList: true,
pageSize: 20,
frozenColumns:[[
{title:'选择',field:'infoId',width:30,checkbox:true}
]],
columns:[[
{field:'matCode',title:'料号',width:100},
{field:'matName',title:'产品名称',width:100},
{field:'matStandard',title:'规格',width:100},
{field:'matLibNumber',title:'当前库存量',width:100},
{field:'documentNumber',title:'数量',width:50,editor:'numberbox'},
{field:'documentFunction',title:'用途',width:70,
editor:{
type:'combobox',
options:{
valueField:'id',
textField:'text',
required:true,
editable:false
}
},
formatter:function(value,rowData,index){
for(var i=0; i < comboboxData_.length; i++){
if(value == comboboxData_[i].id){
return comboboxData_[i].text;
}
}
}
},
{field:'opt',title:'操作',width:180,
formatter:function(value,rowData,index){
var a = '<a href="#" onclick="editInfo(\''+ index + '\')">编辑</a> ';
var b = '<a href="#" onclick="saveInfo(\''+ index + '\')">保存</a> ';
var c = '<a href="#" onclick="delInfo(\''+ index +'\')">删除</a>';
var d = '<span class="red" style="display: none" id="'+index+'">保存成功</span>';
return a+b+c+d;
}
}
]],
onBeforeEdit:function(index,row){
row.editing = true;
},
onAfterEdit:function(index,row){
row.editing = false;
},
onCancelEdit:function(index,row){
row.editing = false;
},
//pagination:true,
rownumbers:true
});
//入库明细行编辑
function editInfo(index){
$('#infodatagrid').datagrid('acceptChanges'); //让表格接受改变的数据
$('#infodatagrid').datagrid('clearSelections'); //首先清空所以选择
$('#infodatagrid').datagrid('beginEdit', index);
$('#infodatagrid').datagrid('selectRow',index); //编辑时 选择这一行
//当编辑时,加载下拉框数据
var amount = $('#infodatagrid').datagrid('getEditor', {index:index, field:'documentFunction'}).target;
amount.combobox("loadData", comboboxData_);
$("#"+index).hide(); //隐藏消息提示
}
<table id="infodatagrid"></table>
分享到:
相关推荐
NULL 博文链接:https://focus-sunbo.iteye.com/blog/2198721
easyUI行内可编辑,点击表格内部任意一格,即可修改其内容
EasyUI 创建展开行明细编辑表单的 CRUD 应用
easyUI在可编辑的datagrid中计算两列的值 easyUI合并DataGrid单元格 easyUI为datagrid创建自定义视图 easyUI datagrid显示摘要信息在页脚 easyUI 根据一些条件改变DataGrid 行背景颜色 easyUI 创建一个 ...
在easyui 的datagrid编辑状态下实时更新其他处于编辑或者没在编辑下的列值,并在结束编辑后得到的row的数据为更改后的数据。
使用maven插件管理jar包 采用struts2+easyui 实现可编辑表格datagrid
EasyUI 1.3.1动态表格列示例 需修改EasyUI框架源码。
EasyUI分页,编辑
这是easyui前端控件表格的拖动实现demo,实现的是将数据从一个表格拖动到另一个表格
详细代码展现了如何在Easyui中使用DataGrid的单元格的编辑功能并扩展
easyui datagrid表格打印,支持formatter格式化数据的打印,还原的最初datagrid 的表格数据
NULL 博文链接:https://x125858805.iteye.com/blog/2229104
该项目采用SSM和EasyUI结合,将数据导出成Excel表格形式,内涵数据库,jar包,用户只需要将其下载,导入数据库,即可使用
使用JDBC实现数据库工具类,使用工具类连接数据库,使用EasyUI连接后台实现数据表格的展示和分页功能
我自己将EASYUI官网里datagrid中的编辑表格和过滤表格两个demo合成的一个demo,供大家参考使用,下载解压后直接打开html即可,版本是easyui1.5
这个是和 easyui框架实现的表格数据拖拽功能配套的demo小文件,主要实现了两个表格之间的数据横向拖拽。拖拽功能是相互的,比之前写的单个表格多了这个小功能,就是一个示例小demo,希望对你有用
easyui 可编辑datagrid完整例子,支持filebox 项目中的数据库使用的是mysql,内置sql脚本,执行脚本即可创建数据
基于ssm框架使用easyui简单表格实现分页案列 附带mysql数据库表
本文给大家分享jQuery EasyUI编辑DataGrid用combobox实现多级联动效果的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧