在 appendRow 中使用格式化程序 easy-ui

Question

我正在尝试在数据网格中编写一个 appendRow 命令，其中每个字段都有一个格式化程序。这是我当前的代码：

    $('#tt').datagrid('appendRow',
                                    {
                                       name: message.name
                                    })

消息是 json 数组。此代码可以正常工作，但是当我向其中添加格式化程序时，格式化程序不起作用。

<script>
        function formatPrice(val,row){

            return '<span style="color:red;">('+val+')</span>';

        }
    </script>



 $('#tt').datagrid('appendRow',
                                    {
                                       name: message.name,
                                       formatter: formatPrice
                                    })

注意：我已经尝试使用此代码添加格式化程序：

$('#tt').datagrid('appendRow',
                                        {
                                           field: 'message.name'

                                        })

但上面的代码只在数据网格的末尾附加了一个空行。

如何为字段名称使用格式化程序？

Answer 1

最后，我通过将格式化程序添加到 table 的行来解决了我的问题，我将一行附加到：

<table style="text-align: center" id="tt"  class="easyui-datagrid"
 url="getusers" 
 rownumbers="true" pagination="true">
<thead style="text-align: center">
    <tr style="text-align: center">
        <th field="name" formatter="formatPrice">NAME</th>
        <th field="age" >AGE</th>
    </tr>
</thead>
</table>

所以当我添加此代码时，附加的行将采用 formatPrice 函数的格式：

$('#tt').datagrid('appendRow',
                                        {
                                           field: 'message.name'

                                        })

在 appendRow 中使用格式化程序 easy-ui

Using formatter in appendRow easy-ui

jquery

jquery-easyui