天天看点

jQuery EasyUI 数据网格 - 添加查询功能

本实例演示如何从数据库得到数据,并将它们显示在数据网格(datagrid)中。然后演示如何根据用户输入的搜索关键词搜寻显示结果。

jQuery EasyUI 数据网格 - 添加查询功能

创建带有分页功能的数据网格(datagrid),然后添加工具栏到其中。

工具栏定义如下:

当用户输入查询值并按下查询按钮时,'doSearch' 函数将被调用:

上面的代码调用了 'load' 方法来加载新的数据网格(datagrid)数据。我们需要传递 'itemid' 和 'productid' 参数到服务器。

jeasyui-datagrid-datagrid24.zip