有过滤功能的数据表格下拉框

使用教程 » 有过滤功能的数据表格下拉框

除了下拉面板基于datagrid之外，combogrid组件具有与combobox组件相同的功能。 combogrid组件可以过滤、分页和其他一些datagrid功能。 本教程将向您展示如何过滤combogrid组件中的数据记录。

创建ComboGrid

<input id="cg" style="width:150px"> $('#cg').combogrid({ panelWidth:500, url: 'form5_getdata.php', idField:'itemid', textField:'productid', mode:'remote', fitColumns:true, columns:[[ {field:'itemid',title:'Item ID',width:60}, {field:'productid',title:'Product ID',align:'right',width:80}, {field:'listprice',title:'List Price',align:'right',width:60}, {field:'unitcost',title:'Unit Cost',align:'right',width:60}, {field:'attr1',title:'Attribute',width:150}, {field:'status',title:'Stauts',align:'center',width:60} ]] });

combogrid组件应该定义“idField”和“textField”属性。 属性“idField”存储组件值，“textField”属性在输入框中显示文本消息。 combogrid可以在“本地”或“远程”模式下过滤记录。 在远程模式下，当用户在输入框中输入字符时，combogrid将向远程服务器发送“q”参数。

服务器代码

$q = isset($_POST['q']) ? strval($_POST['q']) : ''; include 'conn.php'; $rs = mysql_query("select * from item where itemid like '%$q%' or productid like '%$q%'"); $rows = array(); while($row = mysql_fetch_assoc($rs)){ $rows[] = $row; } echo json_encode($rows);

下载 EasyUI 实例: