FilteringSelect值未在dojo表单中提交
FilteringSelect values not submiting in dojo Form
我正在制作一个带有两个filteringSelect的dijit.form.form,可以动态添加更多自定义的filteringslect,但当我尝试使用xhr.post发布表单时,没有提交任何值,我尝试在发布前将表单转换为Json,但对象为空。我知道我可以访问所有筛选选择值并发布它们,但我的目标是"轻松提交"的自动方式。感谢您提前提供的帮助。
define([
"dojox/layout/ContentPane",
"dijit/form/Form",
"dijit/form/Button",
"dojox/widget/Standby",
"app/appCW/appWayP",
"dojo/data/ItemFileReadStore",
"dijit/form/FilteringSelect",
"dojo/_base/xhr",
"dojo/dom",
"dojo/on",
"dojo/dom-form",
"dojo/dom-construct",
"dojo/io/script",
"dojo/_base/lang"
], function(ContentPane,Form,Button,Standby,appWayP,ItemFileReadStore,FilteringSelect,xhr,dom,on,domform,domConstruct,script,lang){
return{
initLayout:function(){
var rtCont= new ContentPane({
title: "Route",
id: "rtCont",
style: "height: 100%; width: 100%;margin:0px;padding:3px",
content:"<DIV class=app_title><SPAN>Routing</SPAN></DIV>"+
"<DIV id='NodesList'></DIV>"
});
dijit.byId("AppsTC").addChild(rtCont);
var nodeStore = new ItemFileReadStore({
identifier: "id",
label: "name",
url:"../NodeService"
});
nodeStore.fetch();
var RouteFrm= new Form({
//encType: 'multipart/form-data',
id:"RouteFrm",
action:"../RouteService",
method:"",
onSubmit:function(e){
dojo.stopEvent(e);
var data = domform.toJson("RouteFrm");
alert(data);
var xhrArgs = {
form: dojo.byId("RouteFrm"),
handleAs: "json",
load: function(data){
},
error: function(error){
}
};
var deferred = xhr.post(xhrArgs);
}
},"NodesList");
//This button to add more filteringselects
var pluswPoint = new Button({
id: "pluswPoint",
label: "Add WayPoint",
showLabel: false,
iconClass: "waypointplus",
onClick: function () {
var wContainer = dom.byId("waypoints_container");
var tmpgtest = new appWayP({
'nodeStore':nodeStore
}).placeAt(wContainer);
tmpgtest.startup();
}
});
//This button to submit form
var showRoute= new Button({
id: "showRoute",
label: "Show Route",
showLabel: true,
type:"submit"
});
var inNode= new FilteringSelect({
id:"inNode",
value: "",
store: nodeStore,
'class': 'node_filteringselect',
searchAttr: "name",
placeholder: "Start"
});
var desNode= new FilteringSelect({
id:"desNode",
value: "",
store: nodeStore,
'class': 'node_filteringselect',
searchAttr: "name",
placeholder: "End"
});
RouteFrm.domNode.appendChild(inNode.domNode);
RouteFrm.domNode.appendChild(pluswPoint.domNode);
domConstruct.create("div",{id:"waypoints_container"},RouteFrm.domNode);
RouteFrm.domNode.appendChild(desNode.domNode);
RouteFrm.domNode.appendChild(showRoute.domNode);
RouteFrm.startup();
rtCont.startup();
}
}
});
尝试在筛选选择的id之外添加一个名称,如果表单没有看到名称,它将不会返回值。
相关文章:
- HTML表单提交时未执行外部函数
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 将图像上传ajax与表单提交ajax相结合
- Javascript无法处理表单提交
- 如何在我的情况下禁用表单提交
- 加载后的页面与ajax表单提交不起作用
- angularjs-控制器在表单提交时未调用
- 禁用带有字符白名单的表单提交
- 如何使用Google Analytics跟踪表单提交
- 使用javascript将表单提交到iframe目标中
- e.preventDefault在表单提交时被忽略
- AngularJS JQuery Ajax表单提交等效
- JavaScript表单提交帮助
- PHP表单提交和重定向
- 当所有输入文本字段都为空时,禁止表单提交,但当jquery中的任何字段不为空时允许提交
- setTimeOut AFTER jQuery表单提交
- 从函数中选择要触发表单提交的正确元素
- JavaScript表单提交没有't fire asp服务器端点击功能的提交按钮
- 表单提交问题,如何在我的URL末尾获得ID的值
- Javascript使用Confirm取消表单提交