Easyui可编辑datagrid 为combobox动态赋值

最新推荐文章于 2018-11-16 16:18:49 发布

jianzh5

最新推荐文章于 2018-11-16 16:18:49 发布

阅读量2.1k

点赞数

分类专栏：前端设计文章标签： Easyui 可编辑表格 combobox动态赋值

本文介绍了如何在Easyui的可编辑datagrid中，为combobox组件动态赋值。通过设置panelHeight自动调整高度，双击编辑行时调用ajax获取数据，然后将返回的值填充到combobox中。后台处理逻辑确保数据正确绑定，最后展示了实现后的两种效果。

摘要由CSDN通过智能技术生成

1、创建Editor

{
   field: 'categoryname' ,width:100,title:'所属类别' ,editor:{type: 'combobox',options:{
        valueField: 'id',
        textField: 'text',
        panelHeight: 'auto'
     }}
 }

设置panelHeight: 'auto' 使其不会出现一大片空白！

2、在双击编辑该行是调用ajax 请求后台返回参数

onDblClickRow : function(rowIndex,rowData){
	if (editRow != undefined) {
		$("#admin_gamelist_datagrid").datagrid('endEdit', editRow);
	}
	if (editRow == undefined) {
		$("#admin_gamelist_datagrid").datagrid('beginEdit', rowIndex);
		editRow = rowIndex;
		$("#admin