easyui小问题

本文介绍如何解决EasyUI表格内容过多导致的显示问题,并提供了两种解决方案。此外,还详细介绍了实现搜索提示功能的方法,包括前端JS代码及后端处理逻辑。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.表格里面内容太多无法显示

 

第一种:resizable属性表示表格可拉动

 

第二种:formatter : function(value) {

         return'<span title='+value+'>'+ value + '</span>'

   }

鼠标放上去弹出浮框显示的是表格列里的内容

 

2.刷新当前页面

  3.修改easyui每页显示数据     

       //pageSize: 15,//每页显示的记录条数,默认为10

       //pageList: [15, 30, 45],//可以设置每页记录条数的列表

  4.

 remoteSort:false,//使表有进行列排序的资格

 

      title:'类型名称',

                          field:'tname',

                          sortable:true,//本列进行列排序

                          width:100

                         

 

5. OnloadSuccess:实现表加载完成后再加载


6.

直接跳转网址



7.本地服务跳转页面


8. 前台页面js遍历后台返回的json List集合



9.

.easyui当窗口关闭之前触发事件



7.搜索提示功能  代码.

js代码:

functionhandle() {

      document.getElementById('lenovoMsg').innerHTML = '联想结果:</br>';

        var address = $("#txt").val();

          $.ajax({

             "url":"/scott22/scott/keywordSearch.do",

             "type":"post",

             "data":{"address":address},

             "dataType":"json",

             "success":function(data){

                var json = eval(data);

                var con = "";

                $.each(json,function(index, searchName) {

                con += "<span value="+searchName+">'"+searchName+"</span></br>";

                });

             $("#lenovoMsg").append(con);

          }

             })

}

html代码:

后台代码:

    * 作者:王靖强功能:关键字联想查询 2018112下午5:23:58

   privatevoid keywordSearch(HttpServletRequestrequest,

          HttpServletResponse response) throws ServletException, IOException {

      request.setCharacterEncoding("GBK");

      response.setContentType("text/html;charset=GBK");

      PrintWriter out = response.getWriter();

      String address = request.getParameter("address");

      System.out.println(address);

      List<Object> lenovoList = Scottmap.getAddress(address);

      System.out.println("lenovoList" + lenovoList);

      out.print(new Gson().toJson(lenovoList));

   }

    * 作者:王靖强功能:关键字联想查询 2018113上午10:37:11

   publicstatic List<Object>getAddress(String address) {

      String url = "http://restapi.amap.com/v3/assistant/inputtips?parameters&extensions=all&key=1da8ea5d3653cdef862b805333f3465a&output=json&keywords="+ address;

             String str = loadJSON(url); // 调用解析地址方法

      JSONObjectobj = JSONObject.fromObject(str);

      List<Object> lenovoList = new ArrayList<Object>();

      if (obj.get("status").toString().equals("1")) {

          List<JSONObject> list = obj.getJSONArray("tips");

          for (JSONObject jx : list) {

          String searchName = (String) jx.get("name");// 名称

      String district = (String) jx.get("district");// 所属区域

             lenovoList.add(searchName);

             lenovoList.add(district);

          }

      }

      return lenovoList;

   }

    * 作者:王靖强功能:解析地址方法 2018111下午2:24:05

   publicstatic String loadJSON(String uri) {

      StringBuilder json = new StringBuilder();

      try {

          URL url = new URL(uri);

          URLConnection yc =url.openConnection();

          BufferedReader in = new BufferedReader(new InputStreamReader(

                yc.getInputStream(), "utf-8"));

          String inputLine = null;

          while ((inputLine = in.readLine()) != null) {

             json.append(inputLine);

          }

          in.close();

      } catch (MalformedURLException e) {

      } catch (IOException e) {

      }

      return json.toString();

   }




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值