如何通过自定义按钮

网络学习 专栏收录该内容
3 篇文章 0 订阅

 $('').form('submit',{url:   ,  onSubmit:  ,success:   )
     还想麻烦您个问题,我现在还想调用上面这个局部表单提交的函数实现excel文件导入并在datagrid显示的功能。

      通过点击上传文件,按下“导入”按钮,调用script中的excel_process()函数实现表单提交,读取和返回数据,最后再刷新datagrid。

但是这样做按下按钮,没有实现表单的提交功能。


<div>

    <form name="import" id="import2"  method="post" enctype="multipart/form-data">  
     <p>打开文件:<input type="file" name="file" id="select"/></p>
      <p><button id="but"  οnclick="excel_process()" >导入</button> </p>
     </form>

     

        function excel_process(){
            $('#import').form('submit',{
                url: 'excelprocess.php',
                onSubmit: function(){
                },
                success: function(result){
                    var result = eval('('+result+')');
                    if (result.success){
                        $('#dg').datagrid('reload');    // reload the user data
                    } else {
                        $.messager.show({
                            title: 'Error',
                            msg: "import excel errors!"
                        });
                    }
                }
            });
        }


        我最后只好通过模仿easyui对话框修改数据类似的模式才实现了这个功能。如下:
    <div class="easyui-dialog" style="width:400px;height:280px;padding:10px 20px"
              buttons="#dlg-buttons">
        <form id="import" method="post" novalidate enctype="multipart/form-data">
                <input type="file" name="file" id="file"/>
        </form>
    </div>
    <div id="dlg-buttons">
        <a href="#" class="easyui-linkbutton" iconCls="icon-ok" οnclick="excel_process();">Save</a>
    </div>

    请教下有没有解决的方法? 如何能够通过自己定义的form  和  button实现局部表单的提交?


 
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值