人生若只如初见

EasyUI创建下拉表格

电脑版发表于:2020/1/17 10:34

      $("#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"]//获取输入值


关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢