datagrid---columns列

最新推荐文章于 2023-08-16 21:41:21 发布

转载最新推荐文章于 2023-08-16 21:41:21 发布 · 172 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fpcbk/p/9865624.html

文章标签：

#java

本文介绍如何在EasyUI框架中使用异步加载方式获取并显示城市数据，通过Ajax调用后端Servlet，实现数据的动态填充。具体示例展示了如何在表格列中设置字段，包括数据请求、格式化显示及成功回调函数。

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

{
                    
                          field:"city", //字段名，从后台传来的要一致
                          title:"城市",//列的标题文字。
                          width:100,//列的宽度
                          formatter:function(value,rdata,rowindex){
                           var name;
                             $.ajax({
                                  type:"post",
                                  url:"servlet1/userServlet1?method=getCityName",
                                    data:{id:value},
                                    async:false,
align:"center"//文字居中
sortable:允许自定义排序，必须关闭本地排序即remoteSort：true，
resizable：单元格可以调整大小，

hidden：密码列一般设置隐藏,

checkbox:true,就是有checkbox，复选框//注意要关闭单选singleSelect false,不然不能全选和反选

styler：定义单元格样式
sorter：自定义字段的排序函数

                                  success:function(data){
                                    name=data.name;
                                      
                                  }
                                  
                              })
                              return name; 
                          }  
                      }
                      ]],