combogrid用法

<input  type="text" name="type_id" id="type_id" style="width:230px;height:25px"/></td>    



$('#type_id').combogrid({
            panelWidth : 500,
            url : '${ctx}/admin/dp/searchCarTypeByName',
            idField : 'id',
            textField : 'fullname',
            mode : 'remote',
            fitColumns : true,
            editable:true,
            columns : [ [{
                field : 'ele_carband_name',
                title : '品牌',
                width : 50
            },{
                field : 'ele_carseries_name',
                title : '车系',
                width : 50
            },{
                field : 'name',
                title : '车型',
                width : 200
            }] ],
             keyHandler: {  
                 up: function() {
                      //取得选中行
                     var selected = $('#carmodeltypeid').combogrid('grid').datagrid('getSelected');
                     if (selected) {
                         //取得选中行的rowIndex
                         var index = $('#carmodeltypeid').combogrid('grid').datagrid('getRowIndex', selected);
                         //向上移动到第一行为止
                         if (index > 0) {
                             $('#carmodeltypeid').combogrid('grid').datagrid('selectRow', index - 1);
                         }
                     } else {
                         var rows = $('#carmodeltypeid').combogrid('grid').datagrid('getRows');
                         $('#carmodeltypeid').combogrid('grid').datagrid('selectRow', rows.length - 1);
                     }
                 },  
                 down: function() {
                      //取得选中行
                               var selected = $('#carmodeltypeid').combogrid('grid').datagrid('getSelected');
                                       if (selected) {
                                           //取得选中行的rowIndex
                                           var index = $('#carmodeltypeid').combogrid('grid').datagrid('getRowIndex', selected);
                                           //向下移动到当页最后一行为止
                                           if (index < $('#carmodeltypeid').combogrid('grid').datagrid('getData').rows.length - 1) {
                                               $('#carmodeltypeid').combogrid('grid').datagrid('selectRow', index + 1);
                                           }
                                       } else {
                                           $('#carmodeltypeid').combogrid('grid').datagrid('selectRow', 0);
                                       }
                 },  
                 enter: function() {
                      //选中后让下拉表格消失
                      $('#carmodeltypeid').combogrid('hidePanel');
                 },  
                 query: function(q) {  
                     //动态搜索  
                     if(q==''){
                         $('#carmodeltypeid').combogrid("grid").datagrid('loadData', { total: 0, rows: [] });
                         $('#carmodeltypeid').combogrid("setValue", "");  
                         $('#carmodeltypeid').combogrid('hidePanel');
                         return;
                     }
                    $('#carmodeltypeid').combogrid("grid").datagrid("reload", { 'q': q });  
                     $('#carmodeltypeid').combogrid("setValue", q);  
                }  
             }  
        });