easyui datagrid 开启textarea行内编辑的时候设置行高自适应

EasyUI DataGrid 中开启行内编辑（尤其是 textarea 类型的输入）时，如果想要实现行高的自适应，可以采用以下步骤：

1. 首先，在 EasyUI 的配置中启用 DataGrid 的 row Editing 功能，并指定列类型为 "textarea"。

<link rel="stylesheet" type="text/css" href="easyui/jquery.easyui.css">
<script src="easyui/jquery.min.js"></script>
<script src="easyui/jquery.easyui.min.js"></script>

<script>
$(function () {
    $('#dg').datagrid({
        url: 'data.json', // 数据源 URL
        columns: [
            { field: 'title', title: '标题', editor: 'textarea' },
            { field: 'content', title: '内容', editor: 'textarea' }
        ],
        fitColumns: true, // 自动调整列宽以便适应内容
        editable: true,
        singleSelect: true
    });
});
</script>

2. 设置 `fitColumns` 属性为 `true`，这会使表格列宽度根据内容自动调整。对于文本区域高度，EasyUI 默认会尽量保持内容可见，但由于它是行内编辑，高度可能会受到浏览器本身限制。如果你希望高度完全自适应，可能需要借助 JavaScript 来动态计算。

3. 使用 JavaScript 监听编辑器的 `onCellEditing` 或 `onBeforeCellEdit` 事件，根据 textarea 的实际高度调整行高。例如：

$('#dg').datagrid('bindEvents', {
    onBeforeCellEdit: function (field, row) {
        if (field === 'content') {
            var height = $(row.target).height(); // 获取 textarea 的高度
            var lineHeight = $(row.target).css('line-height'); // 获取行间距
            // 根据需要调整行高，比如加上一个最小值和最大值
            var adjustedHeight = Math.max(50, height + parseInt(lineHeight)) + 'px';
            $(row.tr).css('height', adjustedHeight);
        }
    }
});

这个例子假设你已经有了一个 `data.json` 文件作为数据源。上述代码仅供参考，你需要根据实际需求对高度计算和行高调整进行适当修改。