jQuery EasyUI使用教程之过滤ComboGrid

原创

Miss_Hello_World

2016/09/20 10:16

阅读数 98

Combogrid组件和Combobox组件的共同点是,除了都具有下拉面板以外，它们都是基于数据网格的。Combogrid组件可以过滤、分页，并具有其他一些数据网格的功能。本教程向您展示如何在一个Combogrid组件中过滤数据记录。

jQuery EasyUI最新试用版下载请猛戳>>

创建树形下拉框

点击查看示例

创建Combogrid

1	`<input` `id="cg"` `style="width:150px">`

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

$('#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'属性在input文本框中显示文本消息。Combogrid组件可以以'local'或'remote'模式过滤记录。在远程模式中，当用户输入字符到input文本框中，Combogrid将发送 'q' 参数到远程服务器。

服务器代码

form5_getdata.php

1

2

3

4

5

6

7

8

9

10

$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示例：easyui-form-demo.zip

展开阅读全文

© 著作权归作者所有

举报

打赏

0 赞

0 收藏

分享

加载中

更多评论

其他人还在看

更多精彩内容

干货 | 五千字长文带你快速入门FlinkSQL

一、前言最近几天因为工作比较忙，已经几天没有及时更新文章了，在这里先给小伙伴们说声抱歉…临近周末，再忙再累，我也要开始发力了。接下来的几天，菌哥将为大家带来关于FlinkSQL的教程，之后...

0

1

Java最前沿技术——ZGC

ZGC介绍 ZGC（The Z Garbage Collector）是JDK 11中推出的一款追求极致低延迟的实验性质的垃圾收集器，它曾经设计目标包括：停顿时间不超过10ms；停顿时间不会随着堆的大小，或者活跃对象的大小而增加；支持8...

0

0

程序员爱开源？2020中国开源开发者调查报告出炉

2020年是极不平凡的一年，尽管外部环境不断变化，但越来越多的企业将开源技术作为构建信息系统的重要选择。其中也不乏一些以技术立业的创业企业，而像华为、阿里巴巴、腾讯、百度为代表的知名科技企业，早已拥抱开...

0

0

数据创新的四个陷阱

数据的重要性在当今已经无需在多言，所有的企业都意识到数据的重要性，都希望利用数据来驱动业务的发展。但是，很多企业信息化管理者依然存在对于数据智能，数据驱动的一些误解，这些误解会让企业的数据利用陷入...

0

0

Vue CLI 是如何实现的 -- 终端命令行工具篇

点上方蓝字关注公众号「前端从进阶到入院」精选原创好文助你进入大厂若微信中阅读体验不佳，可点击阅读原文在 PC 端阅读。 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供了终端命令行工具、零配置脚...

0

0

Nginx 最常用的两个功能：负载均衡和缓存

负载均衡和缓存功能是 Nginx 最常用的两个功能，这两个功能都属于高性能的调优手段，也和后端人员的关系比较密切，只有了解并会使用它们才能更好地调试和运行自己的项目。针对Nginx 负载均衡模式先前有整理过：N...

0

4

JavaScript回调函数的高手指南

摘要：本文将会解释回调函数的概念，同时帮你区分两种回调：同步和异步。回调函数是每个前端程序员都应该知道的概念之一。回调可用于数组、计时器函数、promise、事件处理中。本文将会解释回调函数的概念，同时...

0

0

从根上理解高性能、高并发(五)：深入操作系统，理解高并发中的协程

本文原题“程序员应如何理解高并发中的协程”，转载请联系作者。 1、系列文章引言 1.1 文章目的作为即时通讯技术的开发者来说，高性能、高并发相关的技术概念早就了然与胸，什么线程池、零拷贝、多路复用、事件驱...

0

5

鸿蒙内核源码分析(双向链表篇) | 谁是内核最重要结构体 ?

鸿蒙内核源码注释中文版 < Gitee仓 | CSDN仓 | Github仓 | Coding仓 >精读内核源码,中文注解分析,深挖地基工程,构建底层网图,四大码仓每日同步更新鸿蒙源码分析系列篇 < CSDN | OSCHINA | WeHarmony | 公众号 >问...

0

1

DDD分层架构最佳实践

还在单体应用的时候就是分层架构一说，我们用得最多的就是三层架构。而现在已经是微服务时代，在微服务架构模型比较常用的有几个，例如：整洁架构，CQRS（命令查询分离）以及六边形架构。每种架构模型都有自己的应...

0

7

查看更多

加载更多

自媒体入驻开源社区，

获百万流量，打造个人技术品牌

关于我们联系我们合作伙伴 Open API

Gitee.com 企业研发管理 CopyCat-代码克隆检测实用在线工具

QQ交流群

895991038

微信公众号

聚合全网技术文章，根据你的阅读喜好进行个性推荐

下载 APP

©OSCHINA(OSChina.NET)

工信部

开源软件推进联盟

指定官方社区

深圳市奥思网络科技有限公司版权所有

粤ICP备12009483号

顶部