extjs fieldset

来源:互联网 发布:以色列 军事 知乎 编辑:程序博客网 时间:2024/06/05 08:38
                        {
                            columnWidth:.99,
                            xtype : "fieldset",
                            title : "基础条件",
                            layout : "column",
                            collapsible:true,
                            collapsed:true,
                                    shadow:true,
                                    items:[
                                {
                                    columnWidth:.33,
                                    xtype:'textfield',
                                    margin:'5 5 5 5',
                                    fieldLabel:'运单号',
                                    name:'searchFreightNo',
                                    value:'${params?.searchFreightNo}',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'textfield',
                                    margin:'5 5 5 5',
                                    fieldLabel:'分包号',
                                    name:'searchOrderPackageNo',
                                    value:'${params?.searchOrderPackageNo}',
                                    allowBlank:true
                                } ,
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'订单类型',
                                    name:'searchOrderType',
                                    id:'searchOrderType',
                                    allowBlank:true,
                                    editable:false,
                                    multiSelect:true,
                                    queryMode:'local',
                                    store:new Ext.data.ArrayStore({
                                        fields:['id', 'orderTypeName'],
                                        data:orderTypeData
                                    }),
                                    valueField:'id',
                                    displayField:'orderTypeName',
                                    value:'${params?.searchOrderType}',
                                    margin:'5 5 5 5'
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'电商公司',
                                    name:'searchCompany',
                                    id:'searchCompany',
                                    allowBlank:true,
                                    editable:false,
                                    multiSelect:true,
                                    margin:'5 5 5 5',
                                    queryMode:'local',
                                    store:new Ext.data.ArrayStore({
                                        fields:['id', 'companyName'],
                                        data:companyData
                                    }),
                                    valueField:'id',
                                    value:'${params?.searchCompany}',
                                    displayField:'companyName'
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'分单状态',
                                    name:'searchOrderState',
                                    id:'searchOrderState',
                                    multiSelect:true,
                                    queryMode:'local', //本地数据
                                    editable:false,
                                    store:new Ext.data.ArrayStore({
                                        fields:['id', 'orderStateName'],
                                        data:orderStateData
                                    }),
                                    valueField:'id',
                                    displayField:'orderStateName',
                                    value:'${params?.searchOrderState}',
                                    margin:'5 5 5 5',
                                    allowBlank:true
                                },
                                comboBoxTree,
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    margin:'5 5 5 5',
                                    name:'searchPoster',
                                    id:'searchPoster',
                                    multiSelect:true,
                                    editable:false,
                                    fieldLabel:'投递员',
                                    valueField:'value',
                                    displayField:'text',
                                    value:'${params?.searchPoster}',
                                    panelHeight:200,
                                    store:Ext.create('Ext.data.Store', {
                                        autoLoad:true, // 必须自动加载, 否则无在编辑的时候load
                                        proxy:{
                                            actionMethods:'post',
                                            type:'ajax',
                                            url:'<g:createLink action="getPoster"/>'
                                        },
                                        fields:[
                                            {name:'value'},
                                            {name:'text'}
                                        ],
                                        root:'list',
                                        listeners:{
                                            beforeload:function (s, e) {
                                                e.params = { limit:100, start:0 }; //ajax 附加参数
                                            }
                                        }
                                    })
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'货品状态',
                                    name:'searchGoodsState',
                                    id:'searchGoodsState',
                                    multiSelect:true,
                                    value:'${params?.searchGoodsState}',
                                    queryMode:'local', //本地数据
                                    allowBlank:true,
                                    editable:false,
                                    store:new Ext.data.ArrayStore({
                                        fields:['id', 'goodsStateName'],
                                        data:goodsStateData
                                    }),
                                    valueField:'id',
                                    displayField:'goodsStateName',
                                    margin:'5 5 5 5'
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'实际货品大小',
                                    name:'searchGoodsSize',
                                    id:'searchGoodsSize',
                                    value:'${params?.searchGoodsSize}',
                                    queryMode:'local', //本地数据
                                    allowBlank:true,
                                    editable:false,
                                    multiSelect:true,
                                    store:new Ext.data.ArrayStore({
                                        fields:['id', 'goodSizeName'],
                                        data:goodSizeData
                                    }),
                                    valueField:'id',
                                    displayField:'goodSizeName',
                                    margin:'5 5 5 5'
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'完成状态',
                                    name:'searchCompleteState',
                                    value:'${params?.searchCompleteState}',
                                    id:'searchCompleteState',
                                    queryMode:'local', //本地数据
                                    editable:false,
                                    multiSelect:true,
                                    store:new Ext.data.ArrayStore({
                                        fields:['id', 'completeStateName'],
                                        data:completeStateData
                                    }),
                                    valueField:'id',
                                    displayField:'completeStateName',
                                    margin:'5 5 5 5',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'是否完成',
                                    value:'${params?.searchFinished}',
                                    name:'searchFinished',
                                    id:'searchFinished',
                                    queryMode:'local', //本地数据
                                    editable:false,
                                    value:'',
                                    store:Ext.create("Ext.data.Store", {
                                        fields:["id", "name"],
                                        data:[
                                            { "id":"0", "name":"未完成" },
                                            { "id":"1", "name":"已完成" }
                                        ]
                                    }),
                                    valueField:'id',
                                    displayField:'name',
                                    margin:'5 5 5 5',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'订单支付方式',
                                    name:'searchPayMethod',
                                    id:'searchPayMethod',
                                    value:'${params?.searchPayMethod}',
                                    queryMode:'local', //本地数据
                                    editable:false,
                                    multiSelect:true,
                                    store:new Ext.data.ArrayStore({
                                        fields:['id', 'payMethodName'],
                                        data:payMethodData
                                    }),
                                    valueField:'id',
                                    displayField:'payMethodName',
                                    margin:'5 5 5 5'
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'实际支付方式',
                                    name:'searchRealPayMethod',
                                    id:'searchRealPayMethod',
                                    value:'${params?.searchRealPayMethod}',
                                    queryMode:'local', //本地数据
                                    allowBlank:true,
                                    editable:false,
                                    multiSelect:true,
                                    store:new Ext.data.ArrayStore({
                                        fields:['id', 'payMethodName'],
                                        data:payMethodData
                                    }),
                                    valueField:'id',
                                    displayField:'payMethodName',
                                    margin:'5 5 5 5'
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'刷卡公司',
                                    name:'searchPayCompany',
                                    value:'${params?.searchPayCompany}',
                                    id:'searchPayCompany',
                                    queryMode:'local', //本地数据
                                    allowBlank:true,
                                    editable:false,
                                    multiSelect:true,
                                    store:new Ext.data.ArrayStore({
                                        fields:['id', 'companyName'],
                                        data:payCompanyData
                                    }),
                                    valueField:'id',
                                    displayField:'companyName',
                                    margin:'5 5 5 5'
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'转址订单',
                                    name:'searchAddChanged',
                                    id:'searchAddChanged',
                                    value:'${params?.searchAddChanged}',
                                    queryMode:'local', //本地数据
                                    editable:false,
                                    store:Ext.create("Ext.data.Store", {
                                        fields:["id", "name"],
                                        data:[
                                            { "id":"1", "name":"是" },
                                            { "id":"0", "name":"否" }

                                        ]
                                    }),
                                    valueField:'id',
                                    displayField:'name',
                                    margin:'5 5 5 5',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'是否代转订单',
                                    value:'${params?.searchRelayed}',
                                    name:'searchRelayed',
                                    id:'searchRelayed',
                                    editable:false,
                                    store:Ext.create("Ext.data.Store", {
                                        fields:["id", "name"],
                                        data:[
                                            { "id":"0", "name":"否" },
                                            { "id":"1", "name":"是" }
                                        ]
                                    }),
                                    valueField:'id',
                                    displayField:'name',
                                    margin:'5 5 5 5',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'是否正常件',
                                    name:'searchNormalTag',
                                    value:'${params?.searchNormalTag}',
                                    id:'searchNormalTag',
                                    queryMode:'local', //本地数据
                                    editable:false,
                                    store:Ext.create("Ext.data.Store", {

                                        fields:["id", "name"],
                                        data:[
                                            { "id":"1", "name":"是" },
                                            { "id":"0", "name":"否" }
                                        ]
                                    }),
                                    valueField:'id',
                                    displayField:'name',
                                    margin:'5 5 5 5',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'异常类型',
                                    name:'searchNormalClass',
                                    id:'searchNormalClass',
                                    value:'${params?.searchNormalClass}',
                                    queryMode:'local', //本地数据
                                    allowBlank:true,
                                    editable:false,
                                    multiSelect:true,
                                    store:new Ext.data.ArrayStore({
                                        fields:['id', 'normalName'],
                                        data:normalData
                                    }),
                                    valueField:'id',
                                    displayField:'normalName',
                                    margin:'5 5 5 5'
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'textfield',
                                    value:'${params?.searchRelayFreightNo}',
                                    margin:'5 5 5 5',
                                    fieldLabel:'代转单号',
                                    id:'searchRelayFreightNo',
                                    name:'searchRelayFreightNo',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'textfield',
                                    value:'${params?.searchRelayCompany}',
                                    margin:'5 5 5 5',
                                    fieldLabel:'代转公司',
                                    id:'searchRelayCompany',
                                    name:'searchRelayCompany',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'超时类型',
                                    name:'searchOutTimeClass',
                                    value:'${params?.searchOutTimeClass}',
                                    id:'searchOutTimeClass',
                                    queryMode:'local', //本地数据
                                    editable:false,
                                    store:new Ext.data.ArrayStore({
                                        fields:['id', 'name'],
                                        data:searchQuickClassData
                                    }),
                                    valueField:'id',
                                    displayField:'name',
                                    margin:'5 5 5 5'
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'textfield',
                                    value:'${params?.searchReceivable}',
                                    margin:'5 5 5 5',
                                    fieldLabel:'应收金额',
                                    id:'searchReceivable',
                                    name:'searchReceivable',
                                    regex:/^(([1-9]\d{0,9})|0)(\.\d{1,2})?$/, //金额格式验证
                                    regexText:"不是有效金额",
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'textfield',
                                    margin:'5 5 5 5',
                                    fieldLabel:'应退金额',
                                    value:'${params?.searchPayable}',
                                    id:'searchPayable',
                                    name:'searchPayable',
                                    regex:/^(([1-9]\d{0,9})|0)(\.\d{1,2})?$/, //email格式验证
                                    regexText:"不是有效金额",
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'combobox',
                                    fieldLabel:'是否代收',
                                    name:'searchCollection',
                                    id:'searchCollection',
                                    queryMode:'local', //本地数据
                                    editable:false,
                                    store:Ext.create("Ext.data.Store", {

                                        fields:["id", "name"],
                                        data:[
                                            { "id":"1", "name":"代收" },
                                            { "id":"0", "name":"非代收" }
                                        ]
                                    }),
                                    valueField:'id',
                                    displayField:'name',
                                    margin:'5 5 5 5',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'textfield',
                                    margin:'5 5 5 5',
                                    fieldLabel:'收件人',
                                    name:'searchCustomer',
                                    value:'${params?.searchCustomer}',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'textfield',
                                    margin:'5 5 5 5',
                                    fieldLabel:'电话号码',
                                    name:'searchPhoneNo',
                                    value:'${params?.searchPhoneNo}',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'textfield',
                                    margin:'5 5 5 5',
                                    fieldLabel:'手机',
                                    value:'${params?.searchMobileNo}',
                                    name:'searchMobileNo',
                                    allowBlank:true
                                } ,
                                {
                                    columnWidth:.66,
                                    xtype:'textfield',
                                    margin:'5 5 5 5',
                                    fieldLabel:'地址',
                                    name:'searchAddress',
                                    value:'${params?.searchAddress}',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.33,
                                    xtype:'textfield',
                                    margin:'5 5 5 5',
                                    fieldLabel:'备注',
                                    value:'${params?.searchRemark}',
                                    name:'searchRemark',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.25,
                                    xtype:'textfield',
                                    value:'${params?.searchBeachNo}',
                                    margin:'5 5 5 5',
                                    fieldLabel:'批次号',
                                    id:'searchBeachNo',
                                    name:'searchBeachNo',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.25,
                                    xtype:'textfield',
                                    margin:'5 5 5 5',
                                    fieldLabel:'包裹号',
                                    value:'${params?.searchPackageNo}',
                                    id:'searchPackageNo',
                                    name:'searchPackageNo',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.25,
                                    xtype:'combobox',
                                    fieldLabel:'是否核销',
                                    value:'${params?.stationPayed}',
                                    name:'stationPayed',
                                    id:'stationPayed',
                                    queryMode:'local', //本地数据
                                    editable:false,
                                    value:'',
                                    store:Ext.create("Ext.data.Store", {
                                        fields:["id", "name"],
                                        data:[
                                            { "id":"0", "name":"未核销" },
                                            { "id":"1", "name":"已核销" }
                                        ]
                                    }),
                                    valueField:'id',
                                    displayField:'name',
                                    margin:'5 5 5 5',
                                    allowBlank:true
                                },
                                {
                                    columnWidth:.25,
                                    xtype:'combobox',
                                    fieldLabel:'是否拦截',
                                    name:'searchSuspended',
                                    value:'${params?.searchSuspended}',
                                    id:'searchSuspended',
                                    queryMode:'local', //本地数据
                                    editable:false,
                                    store:Ext.create("Ext.data.Store", {

                                        fields:["id", "name"],
                                        data:[
                                            { "id":"1", "name":"已拦截" },
                                            { "id":"0", "name":"未拦截" }
                                        ]
                                    }),
                                    valueField:'id',
                                    displayField:'name',
                                    margin:'5 5 5 5',
                                    allowBlank:true
                                }
                            ]

                        }


原创粉丝点击