筛选查询

ゞ浴缸里的玫瑰 2021-12-14 02:32 385阅读 0赞

筛选查询  
在做项目的时候，我们会根据商品的多种条件对商品进行查询，之前学习的是有多个文本框，然后在对应的文本框选择值进行查询，而现在这个项目是只有一个文本框，然后你根据前面的下拉框，在文本框中输入内容对商品进行查询  
页面图片  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDY4MQ_size_16_color_FFFFFF_t_70]  
我们要根据商品的编码条码、商品名称、款号、颜色、尺码包含的数据对商品进行模糊查询  
div样式

编码(条码包含) 商品名称 包含 款号 包含 颜色 包含 尺码 包含

查询内容:

if (Convert.ToInt32(SXXM) == 0)  
\{  
if (!string.IsNullOrEmpty(CXSJ))  
\{  
listCommodity = listCommodity.Where(S => S.productCode.Contains(CXSJ)).ToList();  
\}  
\}  
if (Convert.ToInt32(SXXM) == 1)  
\{  
if (!string.IsNullOrEmpty(CXSJ))  
\{  
listCommodity = listCommodity.Where(S => S.ProductName.Contains(CXSJ)).ToList();  
\}  
\}  
return Json(layuiTableData, JsonRequestBehavior.AllowGet);  
\}  
然后在页面上定义方法，在按钮上也要引用方法  
function selectSJ() \{  
var SXXM = $("\#SXXM").val();  
var CXSJ = $("\#CXSJ").val();  
TabTitles = layuiTable.reload(“employee”, \{  
url: “SelectCommodity”,  
page: \{  
curr: 1  
\},  
where: \{  
SXXM: SXXM, CXSJ: CXSJ  
\}  
\});  
\}  
最后我们根据商品的编码，商品的名称进行模糊查询  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDY4MQ_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDY4MQ_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDY4MQ_size_16_color_FFFFFF_t_70]: /images/20211213/2132fd05e118485290f9c60285cc30b2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDY4MQ_size_16_color_FFFFFF_t_70 1]: /images/20211213/8bf40befb87a42048845fbb40c3ef437.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDY4MQ_size_16_color_FFFFFF_t_70 2]: /images/20211213/3e5da4694e2245a0939d47e656bfe4f2.png