selectpage的使用

代码查看html部分

<!-- 插件使用的样式表文件 -->
<link rel="stylesheet" href="selectpage.css" type="text/css"> 
<!-- 插件核心脚本 -->
<script type="text/javascript" src="selectpage.js" >< /script>

<input type="text" id="selectpage" placeholder="" value="" >  
//厂商
$('#tspp').selectPage({
    showField: 'name',   //显示文字的字段
    keyField: 'id',      //选中后填充入value的字段
    pagination : false,     //是否开启分页
    data: "/get_selectpage_data",//数据源
    listSize:20,            //显示列数, 多出部分将出现滚动条
    autoFillResult:false,   //自动填充内容
    autoSelectFirst:false,  //默认第一项
    noResultClean:true,     //选中失败, 清空关键字
    inputDelay:0.5,         //延迟查询,ajax模式下
    params : function(){return {'test':'test'};},//自定义参数
    eAjaxSuccess:function(data){
        var result;
        if(data) result = data.values.gridResult;
        else result = undefined;
        console.log(result);
        return result;
    }
});

代码查看后端部分

  //以thinkphp框架为例
  $test = intval(input('test'));//自定义的查询参数
  $name = input('name');//输入关键字的字段
  $value = input('searchValue');//当selectpage初始化, 并且value不为空时, 以此为key值
  
  if($value){
      $lists = Db::name('test')->where('id',$value)->field('id,name')->select();
      $arr['totalRow'] = count($lists);
      $arr['list'] = $lists;
      $data['values']['gridResult'] = $arr;
      return json($data);
  }


  $where = "id <> 0 ";
  if($name) $where.=" and name like '%$name%' ";
  $lists = Db::name('test')
      ->where($where)
      ->field('id,fname')->select();

  //定义返回数据
  //$arr['pageSize'] = 10;
  //$arr['pageNumber'] = 1;
  $arr['totalRow'] = count($lists);
  $arr['list'] = $fnames;
  $data['values']['gridResult'] = $arr;
  return json($data);

更多功能, 如多选, 显示语言等
请参考官网文档 https://terryz.gitee.io/selectpage/