tnblog
首页
视频
资源
登录

EasyUI创建下拉表格

3890人阅读 2020/1/17 10:34 总访问:223293 评论:0 收藏:0 手机
分类: .NET

      $("#seach_CustomGrid").combogrid({

                delay: 1000,

                fit: true,//自适应外层宽高

                panelWidth: 820,//下拉面板宽度。

                panelHeight: 330,//下拉面板高度。

                idField: 'CustomerName',

                textField: 'CustomerName',

                queryParams: {},

                url: "/admin/FastBill/GetCustomAllInfo",

                mode: 'remote',

                fitColumns: true, //使列自动展开/收缩列的宽度以适应网格的宽度,防止水平滚动

                editable: true,//当True时,可直接在文字域中键入文本

                delay: 600,//从最后一个键输入事件延迟进行搜索。

                pagination: true,           //是否分页

                rownumbers: true,           //序号

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

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

                columns: [[

                    {

                        field: 'CustomerName', title: '客户姓名', width: 120, formatter: function (value, rec, index) {

                     //自定义逻辑

                             var searchVal = $("#seach_CustomGrid").combogrid("getValue");

                            if (!$.isNullOrEmpty(searchVal) && !$.isNullOrEmpty(value)) {

                                return value.replace(searchVal, '<font color="red">' + searchVal + '</font>')

                            } else {

                                return value;

                            }


                        }

                    }, 

                    { field: 'CustomerSource', title: '', hidden: true }//隐藏列


                ]],

                onClickRow: function (rowIndex, rowData) {

                   //处理点击事件 获取值 rowData.字段

                    


                        },

                        complete: function () {


                        }


                    });


 Request["q"]//获取输入值


评价
若人生只如初见,愿还是相遇的那个下午,阳光明媚转身一笑便如春暖花开
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术