excel 导入






 //导入
           function importRecord(store)
           {
              window.showModalDialog("${ctx}/fx/fxcustomer!importExcel"+"?rnd="+Math.round(Math.random()*10000),"","dialogWidth:"+650+"px;dialogHeight:"+600+"px;dialogLeft:"+left+"px; dialogTop:"+top+"px;scrollbars=yes;status:no;help=0");
           }

action

@Results( { @Result(name = CRUDActionSupport.RELOAD, location = "fxcustomer!input.action?id=${id}&updateFlag=${updateFlag}", type = "redirect") })
public class FxcustomerAction extends CRUDActionSupport<FxCustomer>


public String importExcel() throws Exception {
return "importExcel";
}


 页面代码

<%@ include file="/common/taglibsNoButton.jsp"%>
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<title>导入Excel<%=sbfBlank_160.toString()%></title>
<html>
<script type="text/javascript" src="${ctx}/js/ext/DwrProxyCombobox.js"></script>
<link rel="stylesheet" type="text/css"
href="${ctx}/js/ext/ux/css/fileuploadfield.css" />
<script type="text/javascript"
src="${ctx}/js/ext/ux/FileUploadField.js"></script>
<script type="text/javascript"
src="${ctx}/dwr/interface/FxCustomerService.js"></script>
<head>
<script language='JavaScript'> 
 
    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
var grid;
var tb = new Ext.Toolbar({});
tb.addSpacer();
tb.addSeparator();


</script>
<script type="text/javascript">
var myData; 
    var store = new Ext.data.JsonStore({
        fields: [
           {name: 'subCompany',mapping: 'subCompany'},
           {name: 'name',mapping: 'name'},
            {name: 'code',mapping: 'code'},
           {name: 'contact',mapping: 'contact'},
           {name: 'mobile',mapping: 'mobile'},
           {name: 'address',mapping: 'address'},
           {name: 'customerCategory',mapping: 'customerCategory'},
           {name: 'businessLine',mapping: 'businessLine'},
           {name: 'payDay',mapping: 'payDay'}
        ]
    }); 
  dwr.engine.setAsync(false); 
window.name="myself"; 
var allowfiletype=".xls"  //允许上传的文件类型 
  Ext.onReady(function(){ 
Ext.QuickTips.init();
    var msg = function(title, msg){
        Ext.Msg.show({
            title: title,
            msg: msg,
            minWidth: 200,
            modal: true,
            icon: Ext.Msg.INFO,
            buttons: Ext.Msg.OK
        });
    }; 
 var fp = new Ext.FormPanel({
        renderTo: 'fi-form',
        fileUpload: true,
        width: 600,
        height: 210,
        frame: true,
        title: '导入Excel文件', 
        bodyStyle: 'padding: 10px 10px 0 10px;',
        labelWidth: 50,
        defaults: {
            anchor: '80%',
            allowBlank: false,
            msgTarget: 'side'
        },
        items: [{
            xtype: 'fileuploadfield',
            id: 'myFile',
            emptyText: '请选择欲导入的Excel文件',
            fieldLabel: '',
            name: 'myFile',            
            buttonText: '浏览...', 
            listeners:
            {
                'fileselected':function (fb,v)
                {
                   var temp=v.replace(/^.*(\.[^\.\?]*)\??.*$/,'$1'); //获取文件后缀名
                   var temp1=temp.toLocaleLowerCase() //转换成小写字符
                   if(allowfiletype.indexOf(temp1)==-1)
                   {
                       Ext.Msg.alert("错误","只能选择Office2003的Excel文件类型,请重新选择!");
                        fb.setValue("");
                    }
                }
        }
        }
         ],
        buttons: [{
            text: '导入',
            handler: function(){
                if(fp.getForm().isValid()){
               fp.getForm().submit({
                   url: '${ctx}/fx/fxcustomer!importExcelData',
                   waitMsg: '正在导入信息,请稍等...',
                   success: function(fp, o){
                     myData=o.result.data;
     store.loadData(myData);                
     grid.setTitle("<font color='red'>导入成功信息</font>");
     Ext.Msg.alert("成功","导入成功!");
                   },
                   failure:function(fp, o)
                   {  
                              myData=o.result.data;                          
     store.loadData(myData);            
     grid.setTitle("<font color='red'>导入失败信息</font>");
     Ext.Msg.alert("失败","导入失败!");
                        } 
               });
                }
            }
        },{
            text: '重置',
            handler: function(){
                fp.getForm().reset();
            }
        },{
            text: '下载导入模板',            
            handler: function(){
    window.open("${ctx}/fx/fxcustomer!importSuccess.action");
            }
        }]
    });


 






    // create the grid
    var grid = new Ext.grid.GridPanel({
        store: store,
        title:"导入数据信息",
        tbar:tb,
        columns: [
            {header: "隶属公司", width: 60, dataIndex: 'subCompany', sortable: true},
            {header: "分销商名称", width: 60, dataIndex: 'name', sortable: true},
            {header: "分销商编号", width: 60, dataIndex: 'code', sortable: true},
            {header: "联系人", width: 60, dataIndex: 'contact', sortable: true},
            {header: "联系人手机", width: 60, dataIndex: 'mobile', sortable: true}, 
            {header: "地址", width: 60, dataIndex: 'address', sortable: true},
            {header: "分类", width: 60, dataIndex: 'customerCategory', sortable: true},
            {header: "业务线", width: 60, dataIndex: 'businessLine', sortable: true},
            {header: "付款条件",width: 260, dataIndex: 'payDay', sortable: true}
        ],
        renderTo:'grid-example',
        width:600,
        height:430
    });
 


});
 function renderer(v)
 {
  return "<font color='red'>"+v+"</font>";
 }
</script>
</head>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0"
scroll="no">
<p>
<div id="fi-form"></div>
<div id="grid-example"></div>
</p>


</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值