select2 下拉框可搜索可选择

1.前端控件

<select name=" "  data-bind="select2:titile"> </select>

2.js的ajax获取数据

data.titile= {
                ajaxUrl : '/customer/Activity/selectTitle/',
                ajaxParams : function(p) {
        return {
               term : p.term,
               pageSize : p.page,
       };
   },
    formatData : function(item) {
      return {
              id : item.activityId,
              text : item.activityTitle
       };
  },
   addData : function(d) {
  }
};

3.controller层方法,前两个固定参数,可添加多个参数

public static void selectLc(String term, Integer pageSize) throws Exception {
       if (pageSize == null || pageSize < 0)
               pageSize = 10;
       if (!StringUtil.isEmpty(term)) 
               term = term.replace(" ", "%");
     Object o = new Dao<实体名称>(实体名称.class).setTopN(pageSize).setDistinct().find(new SearchTerm("属性名称", term, Operator.like));

     renderJSON(o);
}

猜你喜欢

转载自www.cnblogs.com/SHZX/p/9543013.html