ajax struts 2 드 롭 다운 상자 할당(모든 것 에 적합)
4139 단어 ajaxstruts2드 롭 다운 상자 할당
public class DictionaryBean {
private String value_Id;// option id
private String value;// option
private String flag;// , flag=1, ,flag=2 ;
public String getValue_Id() {
return value_Id;
}
public void setValue_Id(String valueId) {
value_Id = valueId;
}
public String getValue() {
return value;
}
public void setValue(String value) {
this.value = value;
}
public String getFlag() {
return flag;
}
public void setFlag(String flag) {
this.flag = flag;
}
}
단계 2.액 션 에 다음 과 같은 listbean 을 가 져 오 는 방법 을 쓰 십시오.listbean 은 bean.valueId 와 bean.value 를 봉인 합 니 다.
/**
*
* @author ZhuangZi
* @class com.hzdracom.action.DictionaryAction
* @method listDictionary
* @Directions
* @date 2013-3-21 10:08:39 void
*/
public void listDictionary(){
String json="";
try{
listDictionary = dictionaryService.handleListDictionary(bean);
json=JSON.toJSONString(listDictionary);// json
HttpServletResponse response=ServletActionContext.getResponse();
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
PrintWriter out;
out = response.getWriter();
out.println(json);
out.flush();
out.close();
}catch(Exception e){
e.printStackTrace();
}
}
sturts.xml 설정 정보
<action name="listDictionary" method ="listDictionary" class="com.hzdracom.action.DictionaryAction">
</action>
절차 3 패키지 공용 js 코드 js 파일 이름 dictionary.js
/**
*↓↓↓↓↓↓↓↓↓↓
* :ZhuangZi
* :
* :
* :
* :1.0
* :2013-03-22
* :
*↑↑↑↑↑↑↑↑↑↑
*/
$(function(){
/*1. ↓↓↓*/
selectBox([
{id_:"#down_type",id:"#downtype" ,flag:"2"},
{id_:"#kuai_flag",id:"#kuaiflag" ,flag:"3"}]);
//selectBox{[{id_:" ID",id:" ID",flag:" "}]};
절차 4 페이지 정보 아래 숨겨 진 도 메 인 정 보 는 바로 당신 이 어떤 조 회 를 선택 한 후,이것 은 선 택 된 값 을 js
// {id_:"#kuai_flag",id:"#kuaiflag" ,flag:"3"} ;
});
/**
*↓↓↓↓↓↓↓↓↓↓
* :ZhuangZi
* :
* :
* :
* :1.0
* :2013-03-22
* : list
* :id_: ID;id: ID;flag: ,
*↑↑↑↑↑↑↑↑↑↑
*/
function selectBox(list){
for ( var i = 0,len = list.length; i < len; i++) {
(function(bean){
var pageId=$(bean.id_).val();
$.ajax({
type:'post',
url:'../dictionary/listDictionary.do',
data:'bean.flag='+bean.flag,
dataType:'json',
success:function(json){
for(var i=0; i< json.length;i++){
$(bean.id).append("<option value='"
+json[i].value_Id+"'>"
+json[i].value+"</option>");
if(pageId !=null && pageId!="" && pageId==json[i].value_Id){
$(bean.id).find("option").attr("selected",true);
}
}
},
error:function(){
alert('error');
}
});
})(list[i]);
}
}
<script language="javascript1.2" src="<s:url value="/js/jquery.js" includeParams="false"/>"></script>
<script language="javascript1.2" src="<s:url value="/js/dictionary.js" includeParams="false"/>"></script>
단계 에 도입 합 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Javascript Ajax에 대한 간단한 연습저는 약 4년 동안 프로그래밍 개인 튜터로 일한 경험이 있습니다. 약 5년 전에 " "이라는 제목의 페르시아어로 내 웹사이트에 블로그 게시물을 올렸고 사람들이 저에게 전화하기 시작했습니다. 나는 항상 사람들을 가르치...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.