jquery combox与combobox使用
2014-05-03 23:34
549 查看
今天使用combobox 把我惹毛了。遇到情况有:
struts2 配置问题;
后台java代码
* Function
: 加载Combobox数据给前台
* @author : tim
* @return
*/
public void goComboboxMain(){
/**
JSONObject datas = loginInfoService.findLoginInfo(request);
response.setCharacterEncoding(Constants.ENCODING_UTF8);
response.getWriter().print(datas.toString());
* */
List<TestJqueryEasyuiCombobox> list = new ArrayList<TestJqueryEasyuiCombobox>();
JSONObject datas = new JSONObject();
for (int i = 0; i < 5; i++) {
TestJqueryEasyuiCombobox s = new TestJqueryEasyuiCombobox(i+"","text"+i);
list.add(s);
}
jsonArray = net.sf.json.JSONArray.fromObject(list);
System.out.println("goCombobox == "+jsonArray.toString());
response.setCharacterEncoding(Constants.ENCODING_UTF8);
try {
response.getWriter().print(jsonArray.toString());
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
使用stream 输出到前台。这样的输出要控制字符串。
前台使用了:
<input class="easyui-combobox"
id="cc"
name="test"
multiple="false"
url="<%=root%>/ospm/jqueryEasyui/goComboboxMain.action"
valueField="id"
textField="text"
panelHeight="auto"
/>
这样才没有出错。这里是multiple 属性不管你配置true还是false都会有多选。这里我采用的是去掉这个属性,就成了单选。
如果combobox采用这样的形式:
<input class="easyui-combobox"
id="cc"
name="test"
/>
js中使用
$('#cc').combobox( {
width:150,
listWidth:150,
listHeight:100,
url:'<%=root%>/ospm/jqueryEasyui/goComboboxMain.action',
valuefield:'id',
textField:'text',
multiple:true,//为true时支持多选
editable:false,
formatter: function(row){
alert("id == "+row.id+" values == "+row.text);
var opts = $(this).combobox('options');
return row[opts.textField];
}
});
}
这样的话,使用getValue方法是获取不到值,对于这里我也感到郁闷。及时获取到,也是空的值。
但是使用getText能获得Value。
struts2 配置问题;
后台java代码
* Function
: 加载Combobox数据给前台
* @author : tim
* @return
*/
public void goComboboxMain(){
/**
JSONObject datas = loginInfoService.findLoginInfo(request);
response.setCharacterEncoding(Constants.ENCODING_UTF8);
response.getWriter().print(datas.toString());
* */
List<TestJqueryEasyuiCombobox> list = new ArrayList<TestJqueryEasyuiCombobox>();
JSONObject datas = new JSONObject();
for (int i = 0; i < 5; i++) {
TestJqueryEasyuiCombobox s = new TestJqueryEasyuiCombobox(i+"","text"+i);
list.add(s);
}
jsonArray = net.sf.json.JSONArray.fromObject(list);
System.out.println("goCombobox == "+jsonArray.toString());
response.setCharacterEncoding(Constants.ENCODING_UTF8);
try {
response.getWriter().print(jsonArray.toString());
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
前台使用了:
<input class="easyui-combobox"
id="cc"
name="test"
multiple="false"
url="<%=root%>/ospm/jqueryEasyui/goComboboxMain.action"
valueField="id"
textField="text"
panelHeight="auto"
/>
这样才没有出错。这里是multiple 属性不管你配置true还是false都会有多选。这里我采用的是去掉这个属性,就成了单选。
如果combobox采用这样的形式:
<input class="easyui-combobox"
id="cc"
name="test"
/>
js中使用
$('#cc').combobox( {
width:150,
listWidth:150,
listHeight:100,
url:'<%=root%>/ospm/jqueryEasyui/goComboboxMain.action',
valuefield:'id',
textField:'text',
multiple:true,//为true时支持多选
editable:false,
formatter: function(row){
alert("id == "+row.id+" values == "+row.text);
var opts = $(this).combobox('options');
return row[opts.textField];
}
});
}
这样的话,使用getValue方法是获取不到值,对于这里我也感到郁闷。及时获取到,也是空的值。
但是使用getText能获得Value。
相关文章推荐
- delphi ComboBox AddObject 正确使用方法
- [MFC]线程优先级设置,下拉列表框ComboBox,复选框CButton,列表框CListBox的使用
- ComboBox.SelectedIndex的使用问题
- vs2013+MVC3.0+EasyUI的ComboBox联动使用(一)
- flex 4.1 ComboBox 使用示例
- Ext JS 4百强应用:ComboBox是什么?怎么使用?--第2强
- Qt 学习:comboBox编程时使用currentIndexChanged老是出现 assert failure错误
- MFC ComboBox 使用方法
- 如何正确使用ARX中的CAcUiColorComboBox控件
- VC中ComboBox使用详解
- MFC ComboBox 控件使用方法
- Extjs4中的Form之下拉列表combobox的使用
- ComboBox使用BindingSource做数据源,更改数据源及绑定项时是否会触发SelectedIndexChanged事件?
- Easyui笔记4:实现表格内combobox数据的动态切换(getEditor的使用)
- easyui combobox keyhandler使用
- 在editgrid中使用combobox需要注意的事项
- Windows Mobile 中ComboBox【下拉列表】的使用
- flex中ComboBox和datagrid的使用
- ComboBox中Tag的使用,转换为Enum类型
- jquery easyui使用combobox,datagrid,layout实例(标签实现)