你的位置:首页 > ASP.net教程

[ASP.net教程]easyUI datagrid 根据查询条件 选中对应数据的行


   

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

 

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

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

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

 

 

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

 <div id="div_show_p" ></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)