easyUI datagrid 根據查詢條件 選中對應數據的行

   

  開始 輸入了 土豆，南瓜，再次是小青菜，每次輸入點擊搜索的時候(模糊查詢)，選中的當前數據對應的行

 

  在做之前，在網上查詢了許多資料，也在技術群里問過許多次，弄了好久終於好了。

第一次寫博客真不知道寫啥 o.o，下面就進入重點 吧

重點就一段代碼，卻浪費了我數不清的時間

 

 

我的思路是 ：在頁面建一個 隱藏的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）