3

我确定我已经在一个示例中看到它但无法再次找到它:(

我有一个带有内联编辑的 jqGrid。这很好用。一列有一个包含 200 个条目的选择框。那些已经从数据库查询中检索到了。

由于 200 个条目太多了，我想要一个输入字段和一个实时搜索。单击它后，应保存 ID。

有谁知道一个例子？

非常感谢， 安东尼娅

4

2 回答 2

1

试试这个：

function element(value,options){
    return $('<input type="hidden" value="'+value+'" />');
}
function elementval(elem){
    return elem.val();
}
function fieldfunctions(id){
    $( "#"+id+"_name").autocomplete({
        source: "list.php",
        minLength: 2,
        select: function(event, ui) {
            $("#"+id+"_id_name").val(ui.item.id);
        }
    });
}

$("#table").jqGrid({
    url: 'data.php',
    datatype: "json",
    mtype: 'POST', 
    height: 400,
    colNames: ['Name','Id name'],
    colModel: [
        {name: 'id_name',width: 30,hidden:true,editable:true,edittype:'custom',editoptions:{custom_element:element,custom_value:elementval}},
        {name: 'name',index: 'name',editable:true,edittype:'text',width: 100}

    ],
    onSelectRow: function(id){
        $("#table").jqGrid('editRow',id, true,fieldfunctions);
        }
    });
于 2012-03-13T15:01:12.567 回答
1

您可以使用 jQuery-ui 自动完成，因为您已经包含了 jquery ui 库。添加combobox.js，它将根据选择框的值设置自动完成，只是一个“组合框”类。

// jquery and jquery UI already loaded...
<script src="combobox.js"></script>
<select class="combobox">
    <option value="foo">foo</option>
    <option value="bar">bar</option>
    <option value="baz">baz</option>
</select>

现场示例：http: //jsfiddle.net/CJTd2/1/

于 2011-03-06T06:06:00.337 回答