Question

我试图在datagrid中编写一个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 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中使用formatter

1 个答案: