easyui---combogrid

最新推荐文章于 2020-12-02 14:15:45 发布

weixin_33895016

最新推荐文章于 2020-12-02 14:15:45 发布

阅读量439

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

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

本文介绍了如何在EasyUI中利用Combogrid组件，结合Panel和Datagrid，实现数据表格中行记录的选择功能。内容来源于网络转载。

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

选择一个数据表格某行记录

依赖panel 和datagrid

combogrid:<select id="cc" name="dept" style="width:250px;"></select>

            $('#cc').combogrid({
                panelWidth:450,//面板宽度
                idField:'id',//表格主键，必须要的，翻页删除就是靠它
                textField:'name', //选择表格某行记录后，展示给我们看的文本，自定义，必须和后台。。。
                url:'servlet1/userServlet1?method=getList', 异步加载url
                columns:[[  //指定哪些字段需要展示 datagrid中一样
                          {
                              field:"username",title:"用户名",width:100
                          },
                          {
                              field:"password",title:"密码",width:100
                          },
                          {
                              field:"sex",title:"性别",width:100,
                              formatter:function(value){  格式化
                                  if(value==1){
                                      return '<span style=color:red;>男</span>';
                                  }else{
                                      
                                      return  '<span style=color:red;>女</span>';
                                  }
                              }
                          },
                          {
                              
                              field:"age",title:"年龄",width:100
                          }
                          
                          ]],
                          mode:"remote"       //就是自动搜索功能
            
            });
            
            
            
        });