easyUI datagrid 根据查询条件 选中对应数据的行

时间:2022-01-20 08:31:59

easyUI datagrid  根据查询条件 选中对应数据的行

开始 输入了 土豆,南瓜,再次是小青菜,每次输入点击搜索的时候(模糊查询),选中的当前数据对应的行

在做之前,在网上查询了许多资料,也在技术群里问过许多次,弄了好久终于好了。

第一次写博客真不知道写啥 o.o,下面就进入重点 吧

重点就一段代码,却浪费了我数不清的时间

easyUI datagrid  根据查询条件 选中对应数据的行

我的思路是 :在页面建一个 隐藏的div

<div id="div_show_p" style="display: none"></div>

再 使用 jQuery 中的contains 选择器 (类似SQL 中模糊查询)

代码-----------------》

 $('#div_show_p').empty();

  var items = $('#datagridAdd').datagrid('getRows'); // 获取所有行集合对象 

var sku_nameVal = $("#sku_name_detail").textbox("getValue");//获取查询条件的值

for (var i = 0; i < items.length; i++)

{
    var row = $('#datagridAdd').datagrid('getData').rows[i]; //得到单行 行对象
    $("#div_show_p").html(row.sku_name); 
    if ($("#div_show_p:contains(" + sku_nameVal + ")").length > 0) {//因为要使用contains选择器,我就用选择了用div
    $('#datagridAdd').datagrid('selectRow', i); //选中对应的行
    return;
  }

第一次写blog,有不对的不好的,请多多指教(第一次写怎么感觉这么肉麻,先贴上去再说 o.o)