extjs textarea回车换行提交读不到数据的问题
我的目标是:在textarea可以输入很多文本,自动换行也好回车换行也好都能够提交读到数据。
我的困难是:输入文本能够自动换行,这样可以正常提交读到数据;输入文本时回车换行就读不到数据了。//-----------04.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>04.form</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){ // HtmlEditor需要这个
Ext.QuickTips.init(); var form = new Ext.form.FormPanel({
labelAlign: 'right',
labelWidth: 50,
width:600,
title: 'form',
frame: true,
url: '04_01_0111.jsp',
items: [{
layout: 'form',
items: [{
columnWidth:.7,
xtype:'fieldset',
checkboxToggle:true,
title: '单纯输入',
autoHeight:true,
defaults: {width: 300},
defaultType: 'textfield',
items: [{
fieldLabel: '文本',
//vtype:'alpha',
//regex: /[0-9]/,
name: 'text'
}{
xtype: 'textarea',
width:100,
fieldLabel: '多行',
regex: /[^\n\r]/,
name: 'textarea'
},{
xtype: 'hidden',
name: 'hidden'
}]
}]
}],
buttons: [{
text: '保存' ,
handler: function() {
// var username=form.getForm().findField('text').getValue();
var username=form.getForm().findField('textarea').getValue();
Ext.Ajax.request({
url:'04_01_0111.jsp',
params:{name:username},
success: function(response, options) {
var responseArray = Ext.util.JSON.decode(response.responseText);
if(responseArray.success == true){ //用户名已经被注册
Ext.Msg.alert('信息', response.responseText);
}else{//用户名可以注册
Ext.Msg.alert('信息', "error");
}
}
}); }
},{
text: '读取'
},{
text: '取消'
}]
}); form.render("form");
});
</script>
</head>
<body>
<script type="text/javascript" src="../examples.js"></script>
<div id="form" style="margin:20px;"></div>
</body>
</html>
//-----------04_01_0111.jsp
<%@ page contentType="text/html;charset=utf-8"%>
<%
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8"); String text = request.getParameter("name");
response.getWriter().print("{success:true,msg:'成功11',text:'A"+text+"#"+"'}");
%>
我的目标是:在textarea可以输入很多文本,自动换行也好回车换行也好都能够提交读到数据。
我的困难是:输入文本能够自动换行,这样可以正常提交读到数据;输入文本时回车换行就读不到数据了。//-----------04.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>04.form</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){ // HtmlEditor需要这个
Ext.QuickTips.init(); var form = new Ext.form.FormPanel({
labelAlign: 'right',
labelWidth: 50,
width:600,
title: 'form',
frame: true,
url: '04_01_0111.jsp',
items: [{
layout: 'form',
items: [{
columnWidth:.7,
xtype:'fieldset',
checkboxToggle:true,
title: '单纯输入',
autoHeight:true,
defaults: {width: 300},
defaultType: 'textfield',
items: [{
fieldLabel: '文本',
//vtype:'alpha',
//regex: /[0-9]/,
name: 'text'
}{
xtype: 'textarea',
width:100,
fieldLabel: '多行',
regex: /[^\n\r]/,
name: 'textarea'
},{
xtype: 'hidden',
name: 'hidden'
}]
}]
}],
buttons: [{
text: '保存' ,
handler: function() {
// var username=form.getForm().findField('text').getValue();
var username=form.getForm().findField('textarea').getValue();
Ext.Ajax.request({
url:'04_01_0111.jsp',
params:{name:username},
success: function(response, options) {
var responseArray = Ext.util.JSON.decode(response.responseText);
if(responseArray.success == true){ //用户名已经被注册
Ext.Msg.alert('信息', response.responseText);
}else{//用户名可以注册
Ext.Msg.alert('信息', "error");
}
}
}); }
},{
text: '读取'
},{
text: '取消'
}]
}); form.render("form");
});
</script>
</head>
<body>
<script type="text/javascript" src="../examples.js"></script>
<div id="form" style="margin:20px;"></div>
</body>
</html>
//-----------04_01_0111.jsp
<%@ page contentType="text/html;charset=utf-8"%>
<%
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8"); String text = request.getParameter("name");
response.getWriter().print("{success:true,msg:'成功11',text:'A"+text+"#"+"'}");
%>
解决方案 »
- BUTTON的按钮事件
- 一切皆是节点 是什么意思
- 进来看看,谷狗浏览器下js的一些问题
- 急!!请教如何用jquery获取表格里通过for循环显示出的一个特定的数据??可能提问标题大家没搞懂,请大家进来看看,里面有问题的代码,谢谢!!
- 如何将1000000000.00转换成1,000,000,000.00
- 请教:div跨frameset显示
- 求一个jquery效果类似于http://www.lippincott.com/zh/work
- sunbeamy(阳光灿烂的深夜) 请进
- 怎样在点击一个链接是同时提交一个隐藏表单?
- 求助:在chrome中将隐藏的表格显示出来后,却无法再次隐藏
- jquery获取table中的td中的input的name值问题
- new ActiveXObject("Excel.Application");操作EXCEL,如何使FireFox兼容呢?
换行需要转义,否则json会出错,就显示不了了