jQuery EasyUI Form -Фильтрация ComboGrid

Общее между компонентом ComboGrid и компонентом ComboBox состоит в том, что, помимо наличия раскрывающейся панели, оба они основаны на DataGrid. Компонент 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 может фильтровать записи в режиме 'local' или 'remote'. В удалённом режиме, когда пользователь вводит символы в поле ввода текста, 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);

Скачать примеры jQuery EasyUI

jeasyui-form-form5.zip