ajax struts2 下拉框赋值(适合所有)

 更新时间:2013年03月27日 16:27:54   作者:  
此代码适合所有下拉列表取值;一个项目所有的下拉列表只需要这一个公用方法,接下来为大家详细介绍下具体实现步骤,感兴趣的朋友可以参考下,希望可以帮助到你
1.此代码适合所有下拉列表取值
2.一个项目所有的下拉列表只需要这一个公用方法;
步骤一:创建实体bean
复制代码 代码如下:

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;
}
}

步骤二 在你action里面写个如下取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">
&nbsp;&nbsp;&nbsp;&nbsp; </action>

步骤三 封装公用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:"下拉框值的类型"}]};

复制代码 代码如下:

//有一个{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]);
}
}

步骤四 页面信息 下面隐藏域信息 ,就是你选某项查询后,它就会被选中的值
引入js
复制代码 代码如下:

<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>

复制代码 代码如下:

<s:hidden id="down_type" name="yhaoPortalsDownBean.downType"/>
<td width="25%" height="33" class="addtabletd1">下载类型标识:</td>
<td width="25%" height="33" class="addtabletd2">
<select id="downtype" name="yhaoPortalsDownBean.downType" class="textfrom" class="width:120" >
<option value="">---所有---</option>
</select>
</td>

步骤五 附加信息 dao里面方法 下面方法用到的flag 就是js里面flag传的值
复制代码 代码如下:

public List<DictionaryBean> handleListDictionary(DictionaryBean bean)throws DataAccessException,Exception {
List<DictionaryBean> list = new ArrayList<DictionaryBean>();
try{
String sql="";
/* 获取页面下拉列表*/
if (bean.getFlag().equals("1")) {
sql = "SELECT PAGE_FLAG VALUE_ID,PAGE_NAME VALUE FROM YHAO_PORTALS_PAGE";
}
/* 获取下载类型标识下拉列表*/
if (bean.getFlag().equals("2")) {
sql = " SELECT DOWNTYPE_FLAG VALUE_ID,DOWNTYPE_NAME VALUE FROM YHAO_PORTALS_DOWNTYPE ";
}
/* 获取块标识下拉列表*/
if (bean.getFlag().equals("3")) {
sql = " SELECT KUAI_FLAG VALUE_ID,KUAI_NAME VALUE FROM YHAO_PORTALS_KUAI ";
}
list = this.query(sql,new DictionaryList());
}catch(Exception e){
e.printStackTrace();
}
return list;
}

好了已经完成了。

相关文章

  • 一个Ajax类

    一个Ajax类

    一个Ajax类...
    2006-12-12
  • ajax实现登录功能

    ajax实现登录功能

    本文主要介绍了ajax实现登录功能的示例代码。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • 通过数据库和ajax方法写出地图的实例代码

    通过数据库和ajax方法写出地图的实例代码

    AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。这篇文章主要介绍了通过数据库和ajax方法写出地图的实例代码的相关资料,需要的朋友可以参考下
    2016-10-10
  • Ajax返回数据之前的loading等待效果

    Ajax返回数据之前的loading等待效果

    我们通过ajax请求,向后台传递参数,然后后台经过一系列的运算之后向前台返还数据,我希望在等待数据成功返还之前可以展示一个loading.gif图。接下来通过本文给大家分享Ajax返回数据之前的loading等待效果,需要的朋友可以参考下
    2017-08-08
  • AJAX提交表单数据实例分析

    AJAX提交表单数据实例分析

    这篇文章主要介绍了AJAX提交表单数据的方法,实例分析了Ajax调用的原理与实现技巧,需要的朋友可以参考下
    2015-05-05
  • ajax遍历xml文档的方法

    ajax遍历xml文档的方法

    这篇文章主要介绍了ajax遍历xml文档的方法,实例分析了jsp结合Ajax遍历XML文档的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 使用ajax技术无刷新动态调用股票信息

    使用ajax技术无刷新动态调用股票信息

    新浪的财金频道一直感觉做得很好。但由于最近网速慢的缘故,查看股票信息时网页老是打不开。这几天一直在研究ajax,于是用jquery自己做了一个自动读取新浪股票实时数据的页面。
    2008-11-11
  • ajax jquery校验用户是否已经注册演示代码

    ajax jquery校验用户是否已经注册演示代码

    用户是否已经注册的判断方法有很多,在本文将为大家详细介绍下如何使用ajax jquery来实现,感兴趣的朋友可以参考下
    2013-10-10
  • 基于ajax的简单搜索实现方法

    基于ajax的简单搜索实现方法

    这篇文章主要介绍了基于ajax的简单搜索实现方法,结合实例形式较为详细的分析了ajax调用实现搜索功能的具体步骤与相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12
  • ajax用json实现数据传输

    ajax用json实现数据传输

    本文主要介绍了ajax用json实现数据传输的方法,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03

最新评论