easyui 使用combogrid时为啥会有两个datagrid-view

Question

easyui 使用combogrid时为啥会有两个datagrid-view，一个空白一个有数据

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

问题分析

easyui 的 combogrid 组件在某些情况下可能会出现两个 datagrid-view 的问题。根据你的描述，一个是空白的，另一个是有数据的。

解决方案

这个问题可能是由于 combogrid 的配置问题引起的。具体来说，可能是因为你在 combogrid 中设置了两个 datagrid-view 的 id 相同，导致 easyui 混淆了两个视图。

解决方法

1. 检查 combogrid 的配置，确保两个 datagrid-view 的 id 不同。
2. 如果你需要使用两个 datagrid-view，确保它们的 id 不同，并且在 combogrid 的配置中指定正确的 id。

核心代码

// combogrid 配置
$('#combogrid').combogrid({
    idField: 'id',
    textField: 'name',
    panelWidth: 300,
    panelHeight: 'auto',
    data: [...], // 数据源
    fitColumns: true,
    columns: [[
        { field: 'id', title: 'ID', width: 100 },
        { field: 'name', title: '名称', width: 100 }
    ]]
});

// datagrid-view 1
$('#datagrid-view1').datagrid({
    idField: 'id',
    textField: 'name',
    data: [...], // 数据源
    fitColumns: true,
    columns: [[
        { field: 'id', title: 'ID', width: 100 },
        { field: 'name', title: '名称', width: 100 }
    ]]
});

// datagrid-view 2
$('#datagrid-view2').datagrid({
    idField: 'id',
    textField: 'name',
    data: [...], // 数据源
    fitColumns: true,
    columns: [[
        { field: 'id', title: 'ID', width: 100 },
        { field: 'name', title: '名称', width: 100 }
    ]]
});

注意

在上面的代码中，两个 datagrid-view 的 id 分别是 datagrid-view1 和 datagrid-view2。确保在 combogrid 的配置中指定正确的 id。