[前端]-ExtJs 有条件的查询（store加载参数进行查询）

最新推荐文章于 2019-07-13 01:59:37 发布

william-Han

最新推荐文章于 2019-07-13 01:59:37 发布

阅读量3.3k

点赞数

分类专栏：日常记录文章标签： extjs

本文链接：https://blog.csdn.net/William_Han1989/article/details/78859419

版权

日常记录专栏收录该内容

21 篇文章 1 订阅

订阅专栏

小白之-------日常记录

查询全部

带条件模糊查询

================================================================
Ext 部分：
加载Store

var store = Ext.create('Ext.data.Store', {
        autoLoad : true,
        fields : [ "id", "goodsTypeName", "removed"],
        proxy : {
            type : 'ajax',
            url : 'searchGoodsType',
            reader : {
                type : 'json',
                root : 'result'
            }
        }
    });

Store加载参数

            xtype : 'panel',
            id : 'goodsType-panel',
            title : '商品类别信息',
            plain : true,
            style : 'background-color:#dfe8f6;',
            items : [ new Ext.FormPanel({
                frame : true,
                height : '100%',
                margin : '5px',
                layout: {
                    type: 'hbox',
                    align: 'middle'
                },
                items : [{
                    xtype : 'panel',
                    title : '查询条件',
                    id : 'shop-goodsTypeName',
                    xtype : 'textfield',
                    labelAlign : 'right',
                    width : 300,
                    fieldLabel : '商品类别名称',
                    margin : '10 0 0 10',
                }, {
                    xtype : 'button',
                    text : '查询',
                    width : 80,
                    margin : '0 0 0 10',
                    listeners : {
                        click : function() { 
                        	/**
                        	 * 为Store添加筛选参数.
                        	 */
                            store.getProxy().extraParams.goodsTypeName =
                            Ext.getCmp('shop-goodsTypeName').getValue();
                            store.load({
                            });
                        }
                    }
                },{
                    xtype : 'button',
                    text : '重置',
                    width : 80,
                    labelAlign : 'right',
                    listeners : {
                        click : function() {
                        	this.up('form').getForm().reset();
                                }              
                    }
                }]
            }), grid

后台SQL:

        List<String> params = new ArrayList<String>();
        String sql = "     select id ,"
                   + "            goods_type_name,"
                   + "            removed"
                   + "       from goods_type "
                   + "      where removed=0";
               
        if (!goodsTypeName.equals("")) {
              sql += "        and goods_type_name like ?";
            params.add("%" + goodsTypeName + "%");
        }
              sql += "   order by id desc";