ExtJs之Ajax模式的表单数据加载
2024-08-31 07:02:31
简单:
<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css"> <script type="text/javascript" src="ExtJs/ext-all.js"></script> <script type="text/javascript" src="ExtJs/bootstrap.js"></script> <script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script> <script type="text/javascript"> Ext.onReady(function(){ Ext.QuickTips.init(); var productForm = Ext.create('Ext.form.Panel', { title: 'Sample', frame: true, height: 300, width: 600, renderTo: Ext.getBody(), bodyPadding: 5, fieldDefaults: { labelSeparator: ': ', labelWidth: 100, width: 400, labelAlign: 'left' }, items: [{ fieldLabel: '产品名称', xtype: 'textfield', name: 'productName', value: 'U盘' },{ fieldLabel: '金额', xtype: 'numberfield', name: 'price', value: '100' },{ fieldLabel: '生产日期', xtype: 'datefield', format: 'Ymd', name: 'date', value: new Date() },{ xtype: 'hidden', name: 'productId', value: '001' },{ fieldLabel: '产品简介', name: 'introduction', xtype: 'textarea' }], buttons: [{ text: '加载简介', handler: loadIntroduction }] }); function loadIntroduction(){ var params = productForm.getForm().getValues(); productForm.getForm().load({ params: params, url: 'source.html', method: 'GET', success: function(form, action){ Ext.Msg.alert('notice', '产品简介加载成功'); }, failure: function(form, action){ Ext.Msg.alert('error', 'load failure'); } }); } }); </script> </head> <body> <div id='tpl-table1'></div> <br> <div id='tpl-table2'></div> </body> </html>
source.html
{success: true, data: {introduction: '本产品美观实用,售后服务优秀'}}
最新文章
- 利用for循环找出1000以内的质数
- Java泛型学习笔记 - (三)泛型方法
- iOS开发零基础--Swift篇 循环
- iis 不能访问json文件
- [AJAX系列]onreadystatechange事件
- Java并发编程中的阻塞和中断
- [问题2014S15] 复旦高等代数II(13级)每周一题(第十五教学周)
- HackerRank ";Morgan and a String";
- EntityFramwork6连接MySql错误
- Longest Increasing Sequence
- leetcode@ [136/137] Single Number &; Single Number II
- 查看编译后的calss文件编译jdk版本
- eclipse 反编译class 文件 插件-jad
- zf-启动项目报错Server 127.0.0.1 has no instance named dlx 解决办法
- ng自带的表单验证
- Android studio中找不到so文件的问题:java.lang.UnsatisfiedLinkError
- SQL Server远程连接(2)
- Python安装第三方库的安装技巧
- 【机器学习算法-python实现】决策树-Decision tree(2) 决策树的实现
- Linux安装配置Nginx
热门文章
- oc26--Property,省略setget的声明
- RCF:一个相当不错的C++分布式RPC框架
- (Go)06. Printf格式化输出、Scanf格式化输入详解
- hdu 3037Saving Beans(卢卡斯定理)
- bzoj1593 [Usaco2008 Feb]Hotel 旅馆(线段树)
- 微信图片不可显示java解决方法
- Hive2.1.1集群搭建
- 开源作品-PHP写的Redis管理工具(单文件绿色版)-SuRedisAdmin_PHP_1_0
- python2打印list中文内容防乱码
- AI:PR的数学表示-传统方法PR