jQuery EasyUI forma - Filtro de grade de dados drop-down (ComboGrid)
Drop-down grade de dados (Combogrid) componentes comuns, e drop-down caixas (Combobox) componente é, além de ter um painel drop-down, que são baseados na grade de dados (Datagrid) de. Drop-down grade de dados (Combogrid) componentes podem ser filtrados, paginação, e tem alguma outra função grade de dados (Datagrid). Este tutorial mostra como filtrar os dados gravados em um componente de grade de dados drop-down (Combogrid).
Crie uma grade de dados drop-down (Combogrid)
<Input id = "cg" style = "width: 150px">
$ ( 'Cg #'). Combogrid ({ panelWidth: 500, url: 'form5_getdata.php', IDField: 'ItemId', textField: 'productid', mode: «à distância», fitColumns: verdadeiro, colunas: [[ {Field: 'ItemId', título: 'ID Item', largura: 60}, {Field: 'productid', título: 'ID do produto ", alinhe:' certo ', largura: 80}, {Field: 'ListPrice', título: «Lista de preços ', alinhe:' certo ', largura: 60}, {Field: 'unitcost', título: 'Custo Unitário ", alinhe:' certo ', largura: 60}, {Field: 'attr1', título: 'atributo', width: 150}, {Field: 'status', título: 'Stauts', alinhe: "centro", largura: 60} ]] });
Drop-down grade de dados (Combogrid) componentes devem definir "IDField 'e propriedade' textField '. valores de componentes de arquivo de propriedades 'IDField', 'textField' propriedade para exibir a mensagem de texto na caixa de entrada de texto. grade de dados drop-down (Combogrid) componente pode ser "local" ou registros de filtro de modo 'remoto'. No modo remoto (remoto), quando o usuário insere um caractere na caixa de entrada de texto, a grade de dados drop-down (Combogrid) para enviar o parâmetro 'q' para o servidor remoto.
código do lado do servidor
? $ Q = isset ($ _ POST [ 'q']) strval ($ _ POST [ 'q']): ''; incluem 'conn.php'; $ Rs = mysql_query ( "SELECT * FROM artigo onde itemid gostar '%% $ q' ou productid like '% $ q%'"); $ Linhas = array (); while ($ linha = mysql_fetch_assoc ($ rs)) { $ linhas [] = $ row; } json_encode echo (linhas $);