ext实现动态列表

已于 2022-05-17 16:58:50 修改
阅读量425 收藏
点赞数
分类专栏： ssh+oracle+ext/layui 文章标签： javascript ajax 前端
于 2022-05-17 16:55:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guoguo0717/article/details/124824829
版权

ext页面

<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<%
String path = request.getContextPath();
%>
<%
//    接受后台传前台的货代个数
    int huoDaiNum =(Integer) request.getAttribute("huoDaiNum");
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title> <s:text name="table.hyMonthInquiry"/><s:text name="common.manager"/> </title>

<%@include file="/common/js.inc" %>
<%@include file="/common/function.jsp" %>

    <jsp:include page="../firmOffer/hyFirmOfferInquiry/include/tradePortSelect.jsp" /><!--表单和公共方法  -->



    <script type="text/javascript">

    function doEdit(){
        if(null == listGrid.getSelectionModel().getSelected()){
            Ext.Msg.alert("<s:text name='common.msg' />","<s:text name='errors.notselect' />");
            return ;
        }
        var record = listGrid.getSelectionModel().getSelections()[0];
        orderWin.show();
        editForm.getForm().reset();
        editForm.loadRecord(record);
    }
    //填写价格上浮
    function doWriteUpPrice(){
        if(null == listGrid.getSelectionModel().getSelected()){
            Ext.Msg.alert("<s:text name='common.msg' />","<s:text name='table.odSaleTemplate.noselect' />");
            return ;
        }
        var record = listGrid.getSelectionModel().getSelections()[0];
        comboWin.show();
        editFormUp.getForm().reset();
        editFormUp.loadRecord(record);
    }
function doQuery(){
    listGrid.store.baseParams['queryData.batchNoEnd'] = Ext.getCmp('queryData.batchNoEnd').getValue();
    listGrid.store.baseParams['queryData.airLine'] = Ext.getCmp('queryData.airLine').getValue();
    listGrid.store.baseParams['queryData.batchNo'] = Ext.getCmp('queryData.batchNo').getValue();
	listGrid.store.baseParams['queryData.shipType'] = Ext.getCmp('queryData.shipType').getValue();
	listGrid.store.baseParams['queryData.detailType'] = Ext.getCmp('queryData.detailType').getValue();
    listGrid.store.baseParams['queryData.suggestPrice'] = Ext.getCmp('queryData.suggestPrice').getValue();

    listGrid.store.baseParams['queryData.partDestination'] = Ext.getCmp('queryData.partDestination').getValue();

	listGrid.store.load({
		params : {
			'queryData.start' : 0,
			'queryData.limit' : listGrid.getBottomToolbar().pageSize
		},
		callback :function(result,options,success){
			if(success){
			}else{
				Ext.Msg.alert("<s:text name="common.error"/>","<s:text name="common.readfailer"/>");
			}
		}
	})
}
    //导出航线运价查询表
    function downLoadAvgPrice(){


        Ext.Ajax.request({
            url : '<%=path%>/hyMonthInquiry/doDownloadHyAvgQuotation.html',
            params:{
                'queryData.batchNo':Ext.getCmp('queryData.batchNo').getValue(),
                'queryData.shipType':Ext.getCmp('queryData.shipType').getRawValue(),
                'queryData.detailType':Ext.getCmp('queryData.detailType').getRawValue(),
                'queryData.partDestination':Ext.getCmp('queryData.partDestination').getValue()
            },

            waitTitle : '<s:text name="common.wait"/>',
            waitMsg : '<s:text name="common.reading"/>',
            success : function(response) {
                var res = Ext.util.JSON.decode(response.responseText);
                if(res.success){
                    window.open("<%=path%>/odDownloadLog/download.html?recordId="+res.msg);
                }else{
                    Ext.Msg.alert("<s:text name="common.error"/>", res.msg);
                }
            },
            failure : function() {
                Ext.Msg.alert("<s:text name="common.error"/>", "<s:text name="common.readfailer"/>!");
            }
        })
    }
    // 查询加载费用总额
    function doFreightQuery() {
        var priceAvg = getNumber("hyMonthInquiry.priceAvg", 0);
        var upPrice = getNumber("hyMonthInquiry.upPrice", 0);
        var suggestPrice = parseFloat(priceAvg) + parseFloat(upPrice);
        Ext.getCmp("hyMonthInquiry.suggestPrice").setValue(suggestPrice.toFixed(0));
    }
</script>

<script type="text/javascript">
//LAYOUT
Ext.BLANK_IMAGE_URL="<%=path %>/js/ext3.3/resources/images/default/s.gif";
Ext.onReady(function(){
	hiddenIndicator();
	Ext.QuickTips.init();
	Ext.form.Field.prototype.msgTarget = 'side';
	var viewport = new Ext.gensoft.GenericViewport({
		items: [{
			region: 'north',
			frame: true,
			height: 75,
			split: true,
			collapseMode: 'mini',
			layout: 'fit',
			items: [queryForm]
		}, {
			region: 'center',
			layout: 'fit',
			items: [listGrid]
		}]
	});
	 doQuery();
});

var queryForm = new Ext.form.FormPanel({
	labelAlign: 'right',
	labelWidth: 70,
	frame:true,
	border: false,
	buttonAlign: 'center',
	items: [{
		layout:'column',
		items:[
		{
			columnWidth:.25,
			layout: 'form',
			items: [
			{
				xtype:'textfield',
				fieldLabel: '批次号起',
				id: 'queryData.batchNo',
				anchor:'95%'
			}
			]
		},

            {
                columnWidth:.25,
                layout: 'form',
                items: [
                    {
                        xtype:'textfield',
                        fieldLabel: '批次号止',
                        id: 'queryData.batchNoEnd',
                        anchor:'95%'
                    }
                ]
            },
		{
			columnWidth:.25,
			layout: 'form',
			items: [
			{
				xtype:'combo',
				fieldLabel: '船舶类型',
				allowBlank: true,
				maxLength: 32,
				hiddenName:'hyMonthInquiry.shipType',
				store: new  Ext.gensoft.data.ArrayStore({
					fields:['value','text'] ,
					data:<s:property value="shipType"/>
				}),
				mode: 'local',
				triggerAction: 'all',
				valueField: 'value',
				forceSelection: true,
				editable: false,
				displayField: 'text',
				id: 'queryData.shipType',
				anchor:'95%'
			}
			]
		},
        {
            columnWidth:.25,
            layout: 'form',
            items: [
                {
                    xtype:'combo',
                    fieldLabel: '详细船型',
                    allowBlank: true,
                    maxLength: 32,
                    hiddenName:'queryData.detailType',
                    store: new  Ext.gensoft.data.ArrayStore({
                        fields:['value','text'] ,
                        data:<s:property value="detailType"/>
                    }),
                    mode: 'local',
                    triggerAction: 'all',
                    valueField: 'value',
                    forceSelection: true,
                    editable: false,
                    displayField: 'text',
                    id: 'queryData.detailType',
                    anchor:'95%'
                }
            ]
        },

        {
            columnWidth:.25,
            layout: 'form',
            items: [
                {
                    xtype:'combo',
                    fieldLabel: '建议备案价',
                    allowBlank: true,
                    maxLength: 32,
                    hiddenName:'queryData.suggestPrice',
                    store: new  Ext.gensoft.data.ArrayStore({
                        fields:['value','text'] ,
                        data:<s:property value="suggestPriceList"/>
                    }),
                    mode: 'local',
                    triggerAction: 'all',
                    valueField: 'value',
                    forceSelection: true,
                    editable: false,
                    displayField: 'text',
                    id: 'queryData.suggestPrice',
                    anchor:'95%'
                }
            ]
        },


            {
			columnWidth:.25,
			layout: 'form',
			items: [
			{
				xtype:'hidden',
				hiddenName:'hyMonthInquiry.partDestination',
				id:'queryData.partDestination',
			},
			{
				xtype: 'trigger' ,
				fieldLabel: '<s:text name="table.hyMonthInquiry.partDestination"/>',
				editable: false	,
				onTriggerClick:function(){
				__tradePortSingleSelectList.menu = __tradePortMenu;
				if(this.menu == null){
				this.menu = __tradePortMenu;
				}
				this.menu.show(this.el,"tl-bl?");
				portType = "RECEIVING_PORT";
				__tradePortSingleSelectList.labelSrc = this;
				__tradePortSingleSelectList.valueSrc = Ext.getCmp('queryData.partDestination');
				Ext.getCmp('__queryData.portName').setValue("");
				__doQueryTradePort();
				},
				anchor:'95%'
			}]
		},
            {
                columnWidth:.25,
                layout: 'form',
                items: [
                    {
                        xtype:'textfield',
                        fieldLabel: '航线',
                        id: 'queryData.airLine',
                        anchor:'95%'
                    }
                ]
            },

		{
			columnWidth:.12,
			layout: 'form',
			items: [{
				xtype:'button',
				text: '<s:text name="common.query"/>',
				width: 100,
				handler: doQuery
			}]
		},
		{
			columnWidth:.12,
			layout: 'form',
			items: [{
				xtype:'button',
				text: '<s:text name="common.clean"/>',
				width: 100,
				handler: function(){
					queryForm.getForm().reset();
				}
			}]
		}
		]
	}]
});
//船舶类型
var shipTypeRender =function (value) {
    var comboData = {};
    <s:iterator value="shipType">
    comboData['<s:property value="value"/>'] = '<s:property value="label"/>';
    </s:iterator>
    if(null == comboData[value]) return value;
    return comboData[value];
};


//发布状态
var publishRender = function(value){
    var comboData = {};
    comboData['weifabu'] = '未发布';
    comboData['yifabu'] = '已发布';
    if(null == comboData[value]) return value;
    return comboData[value];
};
//询价单状态
var inquiryStatusRender = function(value){
    var comboData = {};
    <s:iterator value="inquiryStatus">
    comboData['<s:property value="value"/>'] = '<s:property value="label"/>';
    </s:iterator>
    if(null == comboData[value]) return value;
    return comboData[value];
};

var confirmStatusRender = function(value){
    var comboData = {};
    comboData['weiqueren'] = '未确认';
    comboData['yiqueren'] = '已确认';
    if(null == comboData[value]) return value;
    return comboData[value];
};
//装运条款
var hyPaymentTypeListRender =function (value) {
    var comboData = {};
    <s:iterator value="hyPaymentTypeList">
    comboData['<s:property value="value"/>'] = '<s:property value="label"/>';
    </s:iterator>
    if(null == comboData[value]) return value;
    return comboData[value];
};
//DATA STRUCTURE
var hyMonthInquiryAvgFields = [
    {name: 'id', type: 'string', label: '<s:text name="table.hyMonthInquiry.id"/>', sortable: false, isList: false , isProperty: false } ,
    {name: 'batchNo', type: 'string', label: '<s:text name="table.hyMonthInquiry.batchNo"/>', sortable: false, isList:  true , isProperty:  true ,width:80} ,     //批次号
    {name: 'shipType', type: 'string', label: '船舶类型', sortable: false, isList:  true , isProperty:  true ,render:shipTypeRender ,width:80} , //船舶类型
    {name: 'detailType', type: 'string', label: '<s:text name="table.hyMonthInquiry.detailType"/>', sortable: false, isList:  true , isProperty:  true,width:80 } , //详细船型
    {name: 'partDestinationName',   type: 'string', label: '<s:text name="table.hyMonthInquiry.partDestination"/>', sortable: false, isList: true  , isProperty:  true } ,//目的港
    {name: 'partDestination', type: 'string', label: '<s:text name="table.hyMonthInquiry.partDestination"/>', sortable: false, isList:  false , isProperty:  true } , //目的港
    {name: 'airLine', type: 'string', label: '航线', sortable: false, isList:true , isProperty:  true ,width:65 } , //航线
    {name: 'startShipDate', type: 'string', label: '<s:text name="table.hyMonthInquiry.startShipDate"/>', sortable: false, isList:  true , isProperty:  true,width:80} ,   //船期起
    {name: 'endShipDate', type: 'string', label: '<s:text name="table.hyMonthInquiry.endShipDate"/>', sortable: false, isList:  true , isProperty:  true,width:80 } ,     //船期止

    {name: 'termsShipment', type: 'string', label: '<s:text name="table.hyMonthInquiryItem.termsShipment"/>', sortable: false, isList:  false , isProperty:  true,render:hyPaymentTypeListRender,width:200 } , //装运条款
    {name: 'monthInquiryId', type: 'string', label: '<s:text name="table.hyMonthInquiryItem.monthInquiryId"/>', sortable: false, isList:  false , isProperty:  true } , //id
    {name: 'priceAvg', type: 'string', label: '航线平均运价(美元)', sortable: false, isList:  true , isProperty:  true ,width:130}, //航线平均运价
    {name: 'upPrice', type: 'string', label: '价格上浮', sortable: false, isList:  true , isProperty:  true,width:80 }, //价格上浮
    //指在表单上 红色特别显示
  //  ![指在表单上 红色特别显示 如图](https://img-blog.csdnimg.cn/30a07c3a660c49bfa9746e8c3c3e7e42.png)
    {name: 'suggestPrice', type: 'string', label: '建议备案运价(美元)', sortable: false, isList:  true , isProperty:  true ,width:125,
        render: function(value, metadata, record, rowIndex, columnIndex, store){
            metadata.attr = 'ext:qtip="建议备案运价(美元):<br/>' + value +'"';
            return "<font color='red'>"+value+"</font>";}
    }, //建议备案运价
    {name: 'hyVoyageMin', type: 'string', label: '最小航程(天)', sortable: false, isList:  true , isProperty:  true ,width:80}, //最短航程
    {name: 'hyVoyageMax', type: 'string', label: '最大航程(天)', sortable: false, isList:  true , isProperty:  true ,width:80}, //最长航程
    {name: 'shippingSample', type: 'string', label: '船期频次(班/月)', sortable: false, isList:  true , isProperty:  true }, //船期频次

//![ext 动态生成列 根据报价了的货代匿名生成列](https://img-blog.csdnimg.cn/f387ae5f48754af9a88b62ac69a19322.png)

    <% for(int i=0;i <huoDaiNum; i++ ){ %>
    {name: 'quotation<%= i %>', type: 'string', label: '货代<%= i+1 %> ', sortable: false, isList:  true , isProperty:  true,width:80 },//货代报价
    <% } %>
    {name: 'chiefNote', type: 'string', label: '备注', sortable: false, isList:  true , isProperty:  true,
        render: function(value, metadata, record, rowIndex, columnIndex, store){
            metadata.attr = 'ext:qtip="备注:<br/>' + value +'"';
            return "<font color='black'>"+value+"</font>" }
    }]; //备注
//LIST_GRID
var listGrid = new Ext.gensoft.grid.ListGrid({
	title: '<s:text name="table.hyMonthInquiry"/><s:text name="common.list"/>',
	queryUrl: '<%=path%>/hyMonthInquiry/queryHyMonthInquiryAvgPriceQueryList.html',
	fields: hyMonthInquiryAvgFields,
	forceFit:false,
	hasBbar: true,
	tbar: [ '-',
        {text : '填写价格上浮',iconCls: "edit_btn_gen",handler : function(btn, pressed) {doWriteUpPrice();}},'-',
        // {text : '修改价格上浮',iconCls: "edit_btn_gen",handler : function(btn, pressed) {doEdit();}},'-',
        {text : '下载航线运价查询表',iconCls: "excel_btn_gen",id:"downLoadAvg",  handler : function(btn, pressed) {downLoadAvgPrice();}},'-'

    ]
});


var editFormUp = new Ext.gensoft.FormPanel({
    foName: 'hyMonthInquiryUp',
    bodyStyle: 'padding:5',
    width: '100%',
    labelAlign: 'left',
    region: 'center',
    labelAlign: 'right',
    labelWidth: 100,
    frame: true,
    layout: "column",
    items: [
        {
            xtype: 'hidden',
            id: 'hyMonthInquiryUp.id',
            name: 'hyMonthInquiryUp.id'
        },
        {
            columnWidth: .99,
            layout: 'form',
            items: [
                {
                    columnWidth:.49,
                    layout: 'form',
                    items: [
                        {
                            xtype: 'textfield' ,
                            fieldLabel: '价格上浮(美元)',
                            name: 'hyMonthInquiryUp.upPrice',
                            id: 'hyMonthInquiryUp.upPrice',
                            allowBlank: false,
                            enableKeyEvents:true,
                            listeners:{
                                'keyup': function (field) {
                                    doFreightQuery();
                                }
                            },
                            maxLength: 128,
                            anchor: '85%'
                        }]
                },
                {
                    columnWidth:.49,
                    layout: 'form',
                    items: [
                        {
                            xtype: 'textfield' ,
                            fieldLabel: '船期频次(班/月)',
                            name: 'hyMonthInquiryUp.shippingSample',
                            id:'hyMonthInquiryUp.shippingSample',
                            allowBlank: true,
                            maxLength: 64,
                            anchor: '85%'
                        }]
                },
                {
                    columnWidth:.49,
                    layout: 'form',
                    items: [
                        {
                            xtype: 'textfield' ,
                            fieldLabel: '最小航程',
                            name: 'hyMonthInquiryUp.hyVoyageMin',
                            id:'hyMonthInquiryUp.hyVoyageMin',
                            allowBlank: true,
                            maxLength: 64,
                            anchor: '85%'
                        }]
                },
                {
                    columnWidth:.49,
                    layout: 'form',
                    items: [
                        {
                            xtype: 'textfield' ,
                            fieldLabel: '最大航程',
                            name: 'hyMonthInquiryUp.hyVoyageMax',
                            id:'hyMonthInquiryUp.hyVoyageMax',
                            allowBlank: true,
                            maxLength: 64,
                            anchor: '85%'
                        }]
                },
                {
                    columnWidth:.99,
                    layout: 'form',
                    items: [
                        {
                            xtype: 'textarea' ,
                            fieldLabel: '备注',
                            name: 'hyMonthInquiryUp.chiefNote',
                            id:'hyMonthInquiryUp.chiefNote',
                            height: 50,
                            allowBlank: true,
                            maxLength: 255,
                            anchor: '85%'
                        }]
                }

                ]
        }
    ]
});
var comboWin = new Ext.Window({
    title:'请填写相关信息',
    layout:'fit',
    maximized :false,
    width:600,
    height:350,
    closeAction:'hide',
    resizable : false,
    shadow : true,
    modal :true,
    closable:true,
    plain : true,
    animCollapse:true,
    buttonAlign: 'center',
    items:[editFormUp],
    buttons: [
        {
            text: '确定',
            iconCls: "accept_btn_gen",
            handler:function(){
                debugger;
                var upPrice = Ext.getCmp("hyMonthInquiryUp.upPrice").getValue();
                var shippingSample = Ext.getCmp("hyMonthInquiryUp.shippingSample").getValue();
                var hyVoyageMin = Ext.getCmp("hyMonthInquiryUp.hyVoyageMin").getValue();
                var hyVoyageMax = Ext.getCmp("hyMonthInquiryUp.hyVoyageMax").getValue();
                var chiefNote = Ext.getCmp("hyMonthInquiryUp.chiefNote").getValue();
                if(upPrice == ""||upPrice==undefined){
                    Ext.Msg.alert("<s:text name="common.error"/>", "请填写价格上浮！");
                    return;
                }
                doSubmitUpPrice(upPrice,shippingSample,hyVoyageMin,hyVoyageMax,chiefNote);
            }
        },
        {
            text: '<s:text name="common.close"/>',
            iconCls: "close_btn_gen",
            handler:function(){
                comboWin.hide();
            }
        }]
});


//统一设置价格上浮
function doSubmitUpPrice(upPrice,shippingSample,hyVoyageMin,hyVoyageMax,chiefNote){
    Ext.Msg.confirm("<s:text name="common.confirm"/>","<s:text name="common.confirm"/>统一设置相关信息?",function(button,text){
        if(button=='yes'){
            var checkItems =listGrid.getSelectionModel().getSelections();
            var ids='';
            for(i=0; i<checkItems.length; i++){
                ids+=checkItems[i].data.id+",";
            }
            var myMask = new Ext.LoadMask(document.body, {
                msg: '<s:text name='common.wait'/>..',
                removeMask: true //完成后移除
            });
            myMask.show();
            Ext.Ajax.request({
                url: 'upPriceTongYi.html',
                params: {'ids':ids,"upPrice":upPrice,"shippingSample":shippingSample,"hyVoyageMin":hyVoyageMin,"hyVoyageMax":hyVoyageMax,"chiefNote":chiefNote},
                waitTitle : '<s:text name="common.wait"/>',
                waitMsg : '<s:text name="common.wait"/>',
                timeout: 600000,
                success : function(response) {
                    var res = Ext.util.JSON.decode(response.responseText);
                    if(res.success) {
                        listGrid.store.reload();
                    }else{
                        Ext.Msg.alert("<s:text name="common.error"/>", res.msg);
                    }
                    myMask.hide();
                    comboWin.hide();
                },
                failure : function() {
                    myMask.hide();
                    Ext.Msg.alert("<s:text name="common.error"/>", "<s:text name="common.failer"/>!");
                }
            });
        }
    });
}


//EDIT_FORM
var editForm = new Ext.gensoft.FormPanel({
    foName: 'hyMonthInquiry',
    bodyStyle: 'padding:5',
    width: '100%',
    labelAlign: 'left',
    region: 'center',
    labelAlign: 'right',
    labelWidth: 100,
    frame: true,
    layout: "column",
    items: [
        {
            xtype: 'hidden',
            id: 'hyMonthInquiry.id',
            name: 'hyMonthInquiry.id'
        }
        ,
        {
            columnWidth:.49,
            layout: 'form',
            items: [
                {
                    xtype: 'hidden' ,
                    fieldLabel: '批次号',
                    name: 'hyMonthInquiry.batchNo',
                    id: 'hyMonthInquiry.batchNo',
                    allowBlank: true,
                    maxLength: 128,
                    anchor: '85%'
                }]
        },
        {
            columnWidth:.49,
            layout: 'form',
            items: [
                {
                    xtype: 'textfield' ,
                    fieldLabel: '航线平均运价',
                    name: 'hyMonthInquiry.priceAvg',
                    id: 'hyMonthInquiry.priceAvg',
                    allowBlank: true,
                    enableKeyEvents:true,
                    listeners:{
                        'keyup': function (field) {
                            doFreightQuery();
                        }
                    },
                    maxLength: 128,
                    readOnly: true,
                    style: {background: '#DFE8F6'},
                    anchor: '85%'
                }]
        },
        {
            columnWidth:.49,
            layout: 'form',
            items: [
                {
                    xtype: 'textfield' ,
                    fieldLabel: '价格上浮(美元)',
                    name: 'hyMonthInquiry.upPrice',
                    id: 'hyMonthInquiry.upPrice',
                    allowBlank: false,
                    enableKeyEvents:true,
                    listeners:{
                        'keyup': function (field) {
                            doFreightQuery();
                        }
                    },
                    maxLength: 128,
                    anchor: '85%'
                }]
        },
        {
            columnWidth:.49,
            layout: 'form',
            items: [
                {
                    xtype: 'textfield' ,
                    fieldLabel: '建议备案运价',
                    name: 'hyMonthInquiry.suggestPrice',
                    id: 'hyMonthInquiry.suggestPrice',
                    allowBlank: true,
                    maxLength: 128,
                    readOnly: true,
                    style: {background: '#DFE8F6'},
                    anchor: '85%'
                }]
        },

        {
            columnWidth:.49,
            layout: 'form',
            items: [
                {
                    xtype: 'textfield' ,
                    fieldLabel: '船期频次(班/月)',
                    name: 'hyMonthInquiry.shippingSample',
                    id:'hyMonthInquiry.shippingSample',
                    allowBlank: true,
                    maxLength: 64,
                    anchor: '85%'
                }]
        },
        {
            columnWidth:.49,
            layout: 'form',
            items: [
                {
                    xtype: 'textfield' ,
                    fieldLabel: '最小航程',
                    name: 'hyMonthInquiry.hyVoyageMin',
                    id:'hyMonthInquiry.hyVoyageMin',
                    allowBlank: true,
                    maxLength: 64,
                    anchor: '85%'
                }]
        },
        {
            columnWidth:.49,
            layout: 'form',
            items: [
                {
                    xtype: 'textfield' ,
                    fieldLabel: '最大航程',
                    name: 'hyMonthInquiry.hyVoyageMax',
                    id:'hyMonthInquiry.hyVoyageMax',
                    allowBlank: true,
                    maxLength: 64,
                    anchor: '85%'
                }]
        },
        {
            columnWidth:.99,
            layout: 'form',
            items: [
                {
                    xtype: 'textfield' ,
                    fieldLabel: '备注',
                    name: 'hyMonthInquiry.chiefNote',
                    id:'hyMonthInquiry.chiefNote',
                    height: 50,
                    allowBlank: true,
                    maxLength: 255,
                    anchor: '85%'
                }]
        }
    ]
});

var orderWin = new Ext.Window({
	title:'<s:text name="table.hyMonthInquiry"/><s:text name="common.manager"/>',
	layout:'fit',
	maximized :false,
	width:600,
	height:350,
	closeAction:'hide',
	resizable : false,
	shadow : true,
	modal :true,
	closable:true,
	plain : true,
	animCollapse:true,
	buttonAlign: 'center',
	items:[editForm],
    buttons: [{
        text: '<s:text name="common.save"/>',
        iconCls: "save_btn_gen",
        id:"save_Btn",
        handler: function(){
            if(!editForm.getForm().isValid()){
                return false;
            }
            Ext.getCmp("save_Btn").setDisabled(true);
            var myMask = new Ext.LoadMask(document.body, {
                msg: '<s:text name='common.wait'/>..',
                removeMask: true
            });
            myMask.show();
            editForm.getForm().submit({
                url: Ext.isEmpty(Ext.getCmp('hyMonthInquiry.id').getValue()) ? 'createHyMonthInquiry.html' : 'updateHyMonthInquiry.html',
                success: function(editFormSucc, action){
                    Ext.getCmp("save_Btn").setDisabled(false);
                    myMask.hide();
                    listGrid.store.reload();
                    orderWin.hide();
                    var s = action.result.msg.split("-");
                    Ext.getCmp('hyMonthInquiry.id').setValue(s[0]);
                    Ext.getCmp('hyMonthInquiry.batchNo').setValue(s[1]);
                    // Ext.getCmp('hyMonthInquiry.id').setValue(action.result.msg);

                    Ext.Msg.alert('<s:text name="common.msg"/>','<s:text name="common.savesuccess"/>');
                },
                failure: function(editFormFailure,action){
                    Ext.getCmp("save_Btn").setDisabled(false);
                    myMask.hide();
                    switch (action.failureType) {
                        case Ext.form.Action.CONNECT_FAILURE:
                            Ext.Msg.alert('Failure', '<s:text name="common.linkfailer"/>');
                            break;
                        case Ext.form.Action.SERVER_INVALID:
                            Ext.Msg.alert('Failure', action.result.msg);
                    }
                }
            })
        }
    },
        {
		text: '<s:text name="common.close"/>',
		iconCls: "close_btn_gen",
		handler:function(){
			orderWin.hide();
		}
	}]
});
</script>

</head>
<body>
<div id="head" style="font-weight:bold;font-size:14px;vertical-align: bottom; margin-left: 10px">  <s:text name="table.hyMonthInquiry"/><s:text name="common.manager"/> </div>
</body>
</html>

在这里插入图片描述

心 动ヾ
关注
专栏目录
ext列表内容展示
wanggeying
02-09 2882
题目：用Ext做一个列表。列表里边只显示名称、性别、年龄 列表上有一个参看详细信息的按钮，点击以后，弹出一个Ext窗口，显示用户的详细信息   用户信息（名称，性别，年龄，联系电话，籍贯，身份证号，毕业学校，工作日期，备注） 静态数据实现： &lt;%@ page language="java" import="java.util.*" pageEncoding="utf-8"%&gt; ...
EXT3 动态列表表头实现
b07051083的专栏
06-09 2628
本文是根据我在项目中遇到的问题和解决的方法总结出来的。 主要实现有：1、输入查询条件后在查询出的列表实现表头也是根据查询条件查询出来的； 2、此方法也适用于有几套固定的表头，相互替换的结果。   var colMArray = new Array();//首先定义一个数组 var nos=new Ext.grid.RowNumberer({header : 'NO',width : 28}
ext动态列
09-05
ext动态列简单例子
Ext动态列
上善若水 止于至善
04-24 3136
在项目开发中，经常要用到动态列，一个grid就可以满足多种不同的数据显示需要。Ext.grid.GridPanel中的columnModel不允许使用变量进行替代，需要转换成object对象，这里使用Ext.util.JSON.decode将字符串转化为JSON对象，既可以赋值给grid的cm配置项，实现动态列。在store中，使用Ext.data.JsonStore中的fields，这个fiel
Ext动态加载列
dodo650038的专栏
09-17 496
之前做表格的时候遇到动态加载列，当时由于赶时间，效果没做出来，只能先查数据，再显示表格。今晚百度学习了一下，其实很简单。 动态加载主要是用到grid.reconfigure（[store],[column]）方法。参数store和column都是可选的，根据需要重新加载。调试代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional
ExtJs 之动态列实现
saiweny的博客
03-22 328
创建DynamicGrid.js Ext.grid.DynamicGrid = Ext.extend(Ext.grid.GridPanel, { initComponent: function() { //创建store var ds = new Ext.data.Store({ url: this.storeUrl, reader: new Ext.dat...
Ext JS 实现建议词模糊动态搜索功能
12-01
在本文中，我们将深入探讨如何使用Ext JS实现一个建议词模糊动态搜索功能。这个功能允许用户在输入框中键入一部分关键词，系统就会自动显示与之匹配的建议列表，提高用户体验。 首先，让我们分析给定的代码片段： ...
Ext4.0 动态修改ComboBox选择项(本地模式)
03-25
要实现动态修改ComboBox的选择项，你需要了解以下几个关键步骤： 1. **创建ComboBox**： 首先，你需要创建一个ComboBox实例，指定它的配置项，如store（数据源）、displayField（显示字段）和valueField（值字段）...
JSP+EXt2.0实现分页的方法
10-23
在这个文件中，详细介绍了如何使用JSP结合EXt2.0实现分页功能，该方法涉及JavaScript与JSP页面的交互、数据的遍历以及分页的实现技巧。 首先，通过Ext.onReady函数，确保在Ext JS框架准备就绪后执行代码，这是一段...
ExtJs 实现动态加载grid完整示例
12-07
在本示例中，我们将探讨如何使用Ext3.3实现这一功能。 首先，我们来看数据模型（bean），这是Java后端与前端交互的数据实体。`Person`类代表了存储在数据库中的一个人员记录，包含了姓名（name）、年龄（age）、...
extjs 动态表格完整版
05-28
NULL 博文链接：https://anlinko.iteye.com/blog/725627
Ext grid 动态添加字段、列扩展
10-18
Ext grid 动态添加字段、列扩展, 如何动态添加或者删除一个grid的列
extjs 列表基本操作
08-15
设置单元格可编辑，根据条件设置列表行颜色，设置列表动态列
Ext扩展控件-----可以在代码中动态为表格增加一列或者删除一列
04-20
可以在代码中动态为表格增加一列或者删除一列 ext gird AddRemovecolumn plugin
ext 扩展子列表头
12-17
ext 扩展子列表头 ，列表头分层 ，例子分了三层 ，打开 ANSTS01 即可
ext动态表单
郴州软件学习www.javaketang.com
11-22 187
为了减少异步加载的次数，于是想做一个动态表单全部由后台生成好的json数据送到前端解析     贴贴效果:       下面是代码:   调用的地方:     title : '基本信息', layout : 'fit', items : [new web.ui.classmanage.classPanel({ classI...
sencha/extjs 动态创建grid表格
weixin_30883311的博客
09-11 132
//创建普通表格 id,父容器,标题,json数据字符串,列名(逗号分隔),json数据key即store的fields属性(逗号分隔) function createCommonTable(id, container, fieldLabel, value, columns,dataIndexs) { if(typeof(container)!="object") ...
Ext Js Grid实现动态添加列
随时随地记录每一刻发生的事情
05-03 1616
Grid实现动态添加列，满足实际工作中不同的场景要求
extjs动态表单
rdman84的博客
08-10 151
动态表单
Ext实现带查询与分页的资源列表
总结来说，这个示例展示了如何在Ext.js中构建一个具有查询和分页功能的列表，通过Store对象组织数据，监听数据变化并动态渲染。同时，它还展示了如何处理多个Store之间的协作，以及如何结合ExtJS的数据绑定和过滤...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值