[#macro combogrid targetField="" textField="" textName="" idField=""  url="" searchName="" searchField=""]
    <div id="tb">
        <input class="easyui-searchbox" data-options="prompt:'${searchName}',searcher:query_${targetField}" style="width:150px"/>
    </div>
    <script class="text/javascript">
        $(function(){
            $('#${targetField}').combogrid({
                pagination: true,
                panelWidth: 600,
                textField: '${textField}',
                toolbar: '#tb',
                idField: '${idField}',
                rows: '10',
                mode: 'remote',
                url: '${url}',
                fitColumns: true,
                columns: [
                    [
                        {
                            field: 'ID',
                            title: 'ID',
                            hidden: true
                        },
                        {
                            field: '${textField}',
                            title: '${textName}',
                            width: 30
                        }
                    ]
                ]
            });
        });
        function query_${targetField}(value){
            var map = new $.HashMap();
            map.put("${searchField}", $.trim(value));
            var g = $('#${targetField}').combogrid('grid');
            g.datagrid("reload", map.toJson());
        }
    </script>
[/#macro]