我的一个ext页面

最新推荐文章于 2020-07-14 16:27:01 发布
最新推荐文章于 2020-07-14 16:27:01 发布
阅读量1.5k 收藏
点赞数
文章标签： ext function border action url string
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wzj_119/article/details/5757675
版权

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/commons/taglibs.jsp" %>
<%
/**
floodseason=1:前汛期
floodseason=2:主汛期
floodseason=3:后汛期
*/
String cPath = request.getContextPath();
String floodseason = request.getParameter("floodseason");
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>典型入库洪水过程</title>
    <%@ include file="/includes/header.jsp"%>
    <script type="text/javascript" src="<%=cPath%>/extjs/RowEditor.js"></script>
    <link rel="stylesheet" type="text/css" href="<%=cPath%>/styles/RowEditor.css" />
    <script>
    var num = null;
    var nmId = "";
    var strForGrid = "";
    //window.clipboardData.setData("Text",strForGrid);
    var form = null;
    var grid = null;
    var uploadform = null;
    var hiddenfield1 = null;
 Ext.onReady(function(){
  Ext.QuickTips.init();
  
  hiddenfield1 = new Ext.form.Hidden({
      name: 'uploadfilepath',
      allowBlank: false
     });
  
  var User = Ext.data.Record.create([
   {name: 'tm', type: 'string'},
   {name: 'flow', type: 'double'}
  ]);
  
  var editor = new Ext.ux.grid.RowEditor({
   saveText : "保存",
   cancelText: "关闭"
  });
  editor.on({
   scope: this,
   afteredit: function(roweditor, changes, record, rowIndex) {
    if(state == 'add'){
     Ext.Ajax.request({
            url : '${ctx}/baseinfo.do?method=saveFlood_Data&flow='+record.get('flow')+'&tm='+record.get('tm')+'&doAction=insert&floodseason=<%=floodseason%>&name_id='+nmId,
            success: function() {
              ds.baseParams = {
                   name_id : nmId
            };
               ds.load({params:{start:0,limit:30}});
               grid.getStore().reload(); 
               changeChart();
              parent.window.Ext.example.msg('消息提示','添加成功');
             }
        });
       }else{
        Ext.Ajax.request({
            url : '${ctx}/baseinfo.do?method=saveFlood_Data&rec_no='+record.get('rec_no')+'&flow='+record.get('flow')+'&tm='+record.get('tm')+'&doAction=update&floodseason=<%=floodseason%>&name_id='+nmId,
            success: function() {
              ds.baseParams = {
                   name_id : nmId
            };
               ds.load({params:{start:0,limit:30}});
               grid.getStore().reload(); 
               changeChart();
              parent.window.Ext.example.msg('消息提示','修改成功');
             }
        });
       }
   },
   canceledit: function(roweditor, changes, record, rowIndex) {
    if(state == 'add'){
     grid.store.remove(ds.getAt(0)) ;
     grid.getView().refresh();
    }
    editor.stopEditing();
   }
  });
  
  var store1 = new Ext.data.JsonStore({
   url: '${ctx}/baseinfo.do?method=getFlood_Typical_NumList&floodseason=<%=floodseason%>',
   root:'root',
   fields: ['name_id','name']
  });
  store1.on('load', function(){
   ds.baseParams = {
     name_id : nmId
    };
         ds.load({params:{start:0,limit:30}});
         grid.getStore().reload(); 
  });
  store1.load();
  
  var comboBox1 = new Ext.form.ComboBox({
     id:'selId',
     name:'selId',
           store:store1,
           fieldLabel:'典型洪水编号',
           emptyText:"请选择..",
           mode:'local',
           typeAhead: true,
            triggerAction: 'all',
            valueField:'name_id',
            displayField:'name',
            selectOnFocus:true,
            border:true,
            frame:true,
            editable:true,
            allowBlank: false,
            hiddenName:'name_id',
            listeners:{
    select:function(combo,record,index){
     num = index;
     nmId = combo.getValue();
     changeChart();
     ds.baseParams = {
         name_id : nmId
        };
           ds.load({params:{start:0,limit:30}});
           grid.getStore().reload(); 
    }
   }
  });
  
  //上传文件表单
  uploadform = new Ext.form.FormPanel({
   fileUpload : true,
   border:false,
   height:22,
   items:[{
    id : 'file',
           autoScroll : false,
           xtype : 'textfield',
     fieldLabel:'导入TXT文件',
           name : 'file',
           hideLabel : true,
           autoCreate : {
               tag : "input",
               type : "file",
               size : "20",
               autocomplete : "off",
               onChange : "chkFileExtname(this.value);"
           }
    },
    hiddenfield1
   ]
  });
  
  //表单
  form = new Ext.form.FormPanel({
   region:'north',
         frame:true,
   height:80,
   border:false,
   buttonAlign:'center',
   items:[
    comboBox1
   ],
   buttons: [{
             text: '添加典型',
             handler: function() {
                 if (!form.getForm().isValid()) {
                     return;
                 }
              form.getForm().submit({
                  url : '${ctx}/baseinfo.do?method=saveFlood_Typical_Num&floodseason=<%=floodseason%>',
                  success : function(form, action){
                   if (action.result.success) {
                          parent.window.Ext.Msg.alert('系统提示', action.result.showMsg, function() {
                              comboBox1.setValue('');
                              store1.reload();
                              nmId = '';
                              changeChart();
                              //nmId = form.getForm().findField("selId").getValue();
                            });
                         }
                  },
                  failure : function(form, action) {  
                      parent.window.Ext.Msg.alert('系统提示', "添加失败");
                  }
              });
             }
         },{
             text: '删除典型',
             handler: function() {
              if (!form.getForm().isValid()) {
                     return;
                 }
                 parent.window.Ext.Msg.confirm('系统提示','您确定要删除吗？',function(btn){
                  if(btn == 'yes'){
                   form.getForm().submit({
                    url : '${ctx}/baseinfo.do?method=delFlood_Typical_Num&floodseason=<%=floodseason%>',
                    success : function(form, action){
                     if (action.result.success) {
                            parent.window.Ext.Msg.alert('系统提示', action.result.showMsg, function() {
                       //store1.remove(store1.getAt(num));
                       comboBox1.setValue('');
                       store1.reload();
                       nmId = '';
                       changeChart();
                              });
                           }
                    },
                    failure : function(form, action) {  
                        parent.window.Ext.Msg.alert('系统提示', "删除失败");
                    }
                });
                  }
                 });
             }
         }]
  });
  
  var cm = new Ext.grid.ColumnModel([
     {
        name: 'rec_no',
        hidden : true
      },
   {
        header   : '时间',
        dataIndex: 'tm',
     editor   : new Ext.form.TextField({
          name: 'tm',
             editable:false,
             allowBlank: false
          //decimalPrecision:3
         })
      },
      {
        header   : '流量(m<sup>3</sup>/s)',
        dataIndex: 'flow',
        editor   : new Ext.form.NumberField({
          name: 'flow',
          editable:false,
             allowBlank: false
          //decimalPrecision:3
         })  
      }
     ]);
     ds = new Ext.data.Store({
         proxy: new Ext.data.HttpProxy({url:'${ctx}/baseinfo.do?method=getData_Flood_List&floodseason=<%=floodseason%>'}),       
         baseParams : {
     name_id : nmId
   },
         reader: new Ext.data.JsonReader({
             totalProperty: 'totalProperty',
             root: 'root',
             successProperty :'success'
         }, [
             {name: 'rec_no',mapping:'rec_no',type:'string',hidden:true},
             {name: 'tm',mapping:'tm',type:'string'},
             {name: 'flow',mapping:'flow',type:'double'}
         ])
     });
   
     //数据表
     grid = new Ext.grid.GridPanel({
      plugins: [editor],
      title:'数据列表',
   region:'center',
   border:false,
      loadMask: {msg:'正在载入数据,请稍候...'},
   //sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
         ds: ds,
         cm: cm,
         tbar: new Ext.Toolbar([
          '-',
          {
           text:'添加',
           icon: '${ctx}/images/add.gif',
           handler: function() {
               if(nmId != ''){
                editor.stopEditing();
             var newUser = new User({});
             grid.store.insert(0, newUser);
             grid.getView().refresh();
             grid.getSelectionModel().selectRow(0);
             editor.startEditing(0);
             state = 'add';
               }else{
                parent.window.Ext.Msg.alert('系统提示', "请您先选择典型洪水编号！");
               }
        }
          },
          '-',
          {
           text:'粘贴',
           icon: '${ctx}/images/excel.png',
           tooltip:'从Excel中粘贴数据',
           handler:function(){
            if(nmId != ''){
            //粘贴板数据
      var opData = window.clipboardData.getData("text");
             if(opData != null && opData != ''){
                 pasteData(opData);
                 if(strForGrid != ''){
               Ext.Ajax.request({
             url: '${ctx}/baseinfo.do?method=pasteFlood_Data&floodseason=<%=floodseason%>&name_id='+nmId+'&strForGrid='+strForGrid,
             success: function(response, options) {
           var responseArray = Ext.util.JSON.decode(response.responseText);
           if(responseArray.success==true){
            ds.baseParams = {
                        name_id : nmId
                  };
                     ds.load({params:{start:0,limit:30}});
                     grid.getStore().reload();
            changeChart();
            parent.window.Ext.example.msg('消息提示',responseArray.showMsg);
           }else{
            parent.window.Ext.Msg.alert('错误提示',responseArray.showMsg);
           }
          },
          failure: function() {
                    parent.window.Ext.Msg.alert('系统提示', "系统错误，粘帖失败！");
          }
            });
              }
             }else{
              parent.window.Ext.Msg.alert('系统提示','请您先复制数据！');
              return;
             }
            }else{
                parent.window.Ext.Msg.alert('系统提示', "请您先选择典型洪水编号！");
               }
           }
          },
          '-',
          {
           text:'删除',
           icon: '${ctx}/images/delete.gif',
           tooltip:'先选中被删除记录行，再删除数据',
           //disabled: true,
           handler:function(){
            if(grid.getSelectionModel().getCount()>0){
             parent.window.Ext.Msg.confirm('系统提示','您确定要删除吗？',function(btn){
              if(btn == 'yes'){
               editor.stopEditing();
                     var cellcount = grid.getSelectionModel().getCount()
                     var s = grid.getSelectionModel().getSelections();
                     rec_no = "";
                     for(var i = 0, r; r = s[i]; i++){
                         ds.remove(r);
                         if(i==0){
                          rec_no += "'"+r.get('rec_no')+"'";
                         }else{
                          rec_no += ",'"+r.get('rec_no')+"'";
                         }
                     }
               
               if(rec_no != ''){
                Ext.Ajax.request({
              url: '${ctx}/baseinfo.do?method=delFlood_Data&floodseason=<%=floodseason%>&rec_no='+rec_no ,
              success: function(response, options) {
            var responseArray = Ext.util.JSON.decode(response.responseText);
            if(responseArray.success==true){
             ds.baseParams = {
                         name_id : nmId
                   };
                      ds.load({params:{start:0,limit:30}});
                      grid.getStore().reload();
             changeChart();
             parent.window.Ext.example.msg('消息提示','删除成功');
            }else{
             parent.window.Ext.Msg.alert('错误提示',responseArray.showMsg);
            }
           },
           failure: function() {
                     parent.window.Ext.Msg.alert('系统提示', "系统错误，删除失败！");
           }
             });
               }
              }
             });
            }else{
             parent.window.Ext.Msg.alert('系统提示','请您先选中一条记录再进行删除操作！');
             return;
            }
           }
          },
          '-'
         ]),
         bbar: new Ext.PagingToolbar({
             pageSize: 30,
             store: ds,
             displayInfo: true,
             displayMsg: '{0}-{1} / 共{2}条',
             emptyMsg: "没有记录"
         }),
         viewConfig:{
    forceFit:true
   },

   listeners : {
    'render' : function() {
     var tbar = new Ext.Toolbar({
      items : ['-',uploadform,{
       text:'导入',
             icon: '${ctx}/images/edit.gif',
             tooltip:'导入TXT文本文件',
             handler:function(){
              if(nmId == ''){
               parent.window.Ext.Msg.alert('系统提示','请您先选择典型洪水编号！');
               return;
              }
              
              //针对IE8的安全限制的特殊处理
                    Ext.getDom('file').select();
                    uploadform.getForm().findField("uploadfilepath").setValue(document.selection.createRange().text);
              
              var filePath = uploadform.getForm().findField("uploadfilepath").getValue();
              if (filePath=='') {
               parent.window.Ext.Msg.alert('系统提示','请您选择要导入的TXT文件！');
                        return;
                    }
                   
                    var sExp = filePath.substring(filePath.lastIndexOf('.'),filePath.length);
        if(sExp.toUpperCase()!='.TXT'){
         parent.window.Ext.Msg.alert('系统提示','只可以导入TXT文件！');
         return;
        }
                   
                    uploadform.getForm().submit({
         url : "${ctx}/baseinfo.do?method=importData&name_id="+nmId+"&floodseason=<%=floodseason%>",
         method : "POST",
         success : function(form, action) {
          var responseArray = action.result;
          if(responseArray.success==true){
           ds.baseParams = {
                       name_id : nmId
                 };
                    ds.load({params:{start:0,limit:30}});
                    grid.getStore().reload();
           changeChart();
           parent.window.Ext.Msg.alert('提示',responseArray.showMsg);
          }else{
           parent.window.Ext.Msg.alert('错误提示',responseArray.showMsg);
          }
         },
         failure : function(form, action) {
          parent.window.Ext.Msg.alert('系统提示', "系统错误，导入失败！");
         }
        });
             }
      }]
     });
     tbar.render(grid.tbar);
    }
   }
     });
    
     var myurl = My_encode("${ctx}/baseinfo.do?method=getData_Flood_List&floodseason=<%=floodseason%>&name_id="+nmId+"&rnd="+Math.random());
     var panel1 = new Ext.Panel({
      region:'center',
      border:false,
      html:'<iframe src="${ctx}/pages/baseinfo/flex/flexlinkchar.html?url='+myurl+'&rndnum='+Math.random()+'" name="iframe_leftxx" id="iframe_leftxx" frameborder="0" scrolling="no" width="100%" height="100%"></iframe>',
      title:'过程线图表'
     });
  
  var viewport = new Ext.Viewport({
   layout:"border",
   items:[
    panel1,{
    region:"west",
    width:400,
    split:true,
    layout:"fit",
    border:false,
    collapsed: false,
    collapseMode:"mini",
    items:[{
     layout:"border",
     border:false,
     items:[grid,form]
    }]
   }]
  });
 });
 
 function doQuery_pro(pselId){
     ds.baseParams = {
      name_id : pselId
     };
  ds.load({params:{start:0,limit:30}});
  grid.getStore().reload();
 }
 
 function pasteData(opData){
   var opLineBreak = new RegExp("//r//n", "g");
   var opTab = new RegExp("//t", "g");
   var opRows = opData.split(opLineBreak);
   for (var i = 0; i < opRows.length; i ++){
    var opCells = opRows[i].split(opTab);
    if(strForGrid == ''){
     strForGrid += opCells; 
    }else{
     strForGrid += "_" + opCells;
    }
   }
 }
 function chkFileExtname(pFilepath){
  hiddenfield1.setValue(pFilepath);
  pFilepath = pFilepath.toUpperCase();
  var sExp = pFilepath.substring(pFilepath.lastIndexOf('.'),pFilepath.length);
  if(sExp!='.TXT'){
   parent.window.Ext.Msg.alert('系统提示','只可以导入TXT文件！');
   hiddenfield1.setValue('');
  }
 }
 function changeChart(){
    var url = My_encode("${ctx}/baseinfo.do?method=getData_Flood_List&floodseason=<%=floodseason%>&name_id="+nmId+"&rnd="+Math.random());
    document.getElementById("iframe_leftxx").src = "${ctx}/pages/baseinfo/flex/flexlinkchar.html?url="+url+"&rndnum="+Math.random();
 }
 function My_encode(url){
     return encodeURIComponent(url);
 }
 

 

//粘帖数据
 function pasteData1(opData){
   var opLineBreak = new RegExp("//r//n", "g");
   var opTab = new RegExp("//t", "g");
   var opRows = opData.split(opLineBreak);
   for (var i = 0; i < opRows.length; i ++){
    var opCells = opRows[i].split(opTab);
    if(isNaN(opCells[0]) || isNaN(opCells[1]) || isNaN(opCells[2]) || isNaN(opCells[3]) || isNaN(opCells[4])){
     strForGrid = "";
     Ext.example.msg('消息提示','粘帖的数据非数值');
     break;
    }
    
    if(strForGrid == ''){
     strForGrid += opCells; 
    }else{
     strForGrid += "_" + opCells;
    }
   }
 }
     
 function usFormat(v){
        v = String(v);
  if(v=='0'){
    v = "";
  }
        return v;
    }
   
    function fsFormat(v){
        v = String(v);
        var ps = v.split('.');
        var whole = ps[0] ? ps[0] : '0';
        var sub = ps[1] ? '.'+ ps[1] : '';
        v = whole + sub;
        return v;
    }
 </script>
  </head>
  <body>
  </body>
</html>

wzj_119
关注
iOS开发进阶学习
Chauncey Qu的博客
04-04 563
iOS;Objective-C;objc;移动开发；UI；Tips
Oracle大型数据库灾备、数据联机实时同步、迁移技术专栏
12-17 2万+
Oracle® GoldenGate Oracle Installation and Setup Guide Release 11.2.1 E35957-01 August 2012 Oracle GoldenGate for Oracle Installation and Setup Guide, Release 11.2.1 E35957-01 Copyright © 2010,
Ext 学习之旅 简单学习快乐学习之菜单栏联动到页面中
java学习之简单开发快乐学习
03-09 136
直接把上一篇中的centerPage选项换成tab var tab = new Ext.TabPanel({     id:'centerPage',     region:'center',     deferredRender:false,     activeTab:0,     title:"中央面板",     resizeTabs:true, // turn on tab...
解决：Error response from daemon: Get https://index.docker.io/v1/search?q=openjdk&n=25: dial tcp: looku
热门推荐
愿我如星君如月 ... 夜夜流光相皎洁 ...
11-22 4万+
1. 我只是想查一个 mysql镜像。执行命令： docker search mysql 。报错如下： Error response from daemon: Get https://index.docker.io/v1/search?q=openjdk&n=25: dial tcp: lookup index.docker.io: no such host 镜像仓库似乎...
一个静态的OA系统页面原型 (Ext).zip
最新发布
11-08
本资源包含的是一个静态的OA系统页面原型，采用Ext框架进行开发，这是一种基于JavaScript的UI库，专门用于构建富互联网应用程序。Ext提供了一套完整的组件模型，包括表格、树形视图、表单等，可以方便地创建出功能...
servlet 示例 +ext 页面展示
03-29
总结来说，"servlet 示例 +ext 页面展示"DEMO是一个展示Servlet与EXT结合使用的基本流程：Servlet处理HTTP请求，从数组中获取数据，然后将数据以JSON形式返回给EXT前端页面，EXT页面再根据接收到的数据渲染用户界面...
Ext 登陆页面
11-15
根据提供的文件信息，我们可以分析出该段代码是用于创建一个基于Ext JS框架的登录界面，并且涉及到了Ext JS的一些核心组件以及表单提交的基本逻辑。接下来我们将深入解析这些知识点。 ### 1. Ext JS框架简介 Ext ...
ext-3.4.0比较稳定的一个页面开发js框架
06-19
Ext是一个强大的js类库,主要包括data,widget,form,grid,dd,menu,其中最强大的应该算grid了,编程思想是基于面向对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据...
ext 列表页面关于多行查询的办法
09-05
在EXTJS开发中，列表页面的查询功能是十分常见的需求，尤其当涉及到的查询字段种类繁多时，如何优雅地展示这些查询条件成为一个挑战。"ext 列表页面关于多行查询的办法"这个主题主要讨论如何在EXTJS的GridPanel中...
ExtJs——MessageBox！！！
事后诸葛亮的程序人生（微信：zq9017197）
03-09 1248
/** * 消息框 */ Ext.onReady(function(){ //提示框 Ext.get('alert_id').on('click',function(){ Ext.Msg.alert('提示','信息',function(btn){ Ext.Msg.alert('提示','您点击了：' + btn); }); }); //输入框 Ext.get('prompt_id').on('click',function(){ Ext.Msg
Ext学习之2_messagebox1
dengyulong的专栏
05-26 1272
Ext.namespace("com.deng"); /** 在Ext中定义了一个类MessageBox来实现弹出框，它有一个精简的名字Msg, 它的实现原理就是：弹出一个层，并将 原页面覆盖 */ /** * 提示框语法： * Ext.MessageBox.alert(String title, String msg, Function fn, Object scope);...
ext做的一个完整的登录代码
Lovejava的专栏
11-30 889
Ext.form.Field.prototype.msgTarget = side;//定义表单var simple = new Ext.FormPanel({labelWidth: 75, baseCls: x-plain,width: 150,defaultType: textfield,//默认字段类型//定义表单元素items: [{fieldLabel: 帐户,name:
小程序做一个定位到当前城市，可选择的
F_mengze的博客
07-08 1037
点击的时候 可选择， 代码： 其中样式是自己写的一个css，你们可以自己写样式，用到了阿里图标 index.wxml <!--定位和搜索--> <view class="indexTop display-flex align-center"> <view class="display-flex align-center"> <text class="textColor city" catchtap="switchcity">{{ci.
android 源码分析2
zhangguangtao1207的专栏
06-14 1458
Zygote是如何创建 Java世界的 frameworks\base\cmds\app_process\app_main.cpp int main(int argc, const char* const argv[]) { /* Zygote进程由init通过fork而来，我们回顾一下init.rc中设置的启动参数： -Xzygote/system/bin --zygote --start-system-server */ // These are global variabl
深度学习基础之深度学习概述（一）——慕课学习笔记
ArrogantT的博客
07-14 854
1.1深度学习的引出 机器学习(Machine Lerning) 是对研究问题进行模型假设，利用计算机从训练数据中学习得到模型参数。并最终对数据进行预测和分析的一门学科。 从简单线性分类器到深度学习(一) 问题:根据繁华程度(x1)、交通便利度(x2)、与市中心距离(x3)、楼层(x4 )预 测房价的高低（x1-x4为输入，w为各个输入的权重）: 则可以写出如下表达式： 从简单线性分类器到深度学习(二) 加入中间层（隐藏层）（U为中间层与输入层对应的权重，h为输出层与中间层对应的权重）： 深度学习网
Ext的学习记录
weixin_34082177的博客
01-07 86
学习Ext有一年多了想把Ext的一些基本的写法记录下来： 1.遮罩 var box = Ext.MessageBox.show({ msg : '正在确认数据，请稍候……', progressText : '', width : 200, height : 100, ...
EXT 中文手册
手掌日月摘星辰
05-28 1万+
个人github：https://github.com/qiilee  欢迎follow EXT 中文手册 前  言 本手册所有内容均粘贴自互联网，如有错误，请多见谅。 目    录     EXT中文手册 1 EXT简介 3 目錄 3 下载Ext 4 开始！ 4 Element：Ext的核心 4 获取多个DOM的节点 5 响应事件 5 使用Widgets 7 使...
Android7.0 数据拨号前的准备工作
ZhangJian的博客
08-28 8071
背景 在介绍PhoneApp的创建过程时，我们知道为了支持双卡手机，PhoneFactory创建了两个Phone对象。 然而由于通信制式、功耗等的限制，目前底层的芯片厂商规定modem工作于DSDS模式下，于是同一时间内只有一个Phone具有上网的能力。 本文旨在揭示激活Phone拨号能力的过程，即讲述数据拨号前的准备工作。
用ext.js写一个登录页面
04-05
抱歉，我无法编写代码，但是我可以为你提供一个使用Ext JS编写的示例登录页面的代码示例。请查看以下代码： ``` Ext.onReady(function() { Ext.create('Ext.form.Panel', { renderTo: 'login-form', title: 'Login Form', width: 300, bodyPadding: 10, defaultType: 'textfield', items: [{ fieldLabel: 'Username', name: 'username', allowBlank: false }, { fieldLabel: 'Password', name: 'password', inputType: 'password', allowBlank: false }], buttons: [{ text: 'Login', formBind: true, disabled: true, handler: function() { var form = this.up('form').getForm(); if (form.isValid()) { form.submit({ url: 'login.php', success: function(form, action) { Ext.Msg.alert('Success', action.result.msg); }, failure: function(form, action) { Ext.Msg.alert('Failed', action.result.msg); } }); } } }] }); }); ``` 此代码演示了如何使用Ext JS创建一个简单的登录表单。该表单包含两个文本字段 - 用户名和密码 - 以及一个登录按钮。当用户提供有效的用户名和密码并点击登录按钮时，表单将向服务器发送POST请求，以验证凭据并在成功或失败时弹出消息框。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值