关于Combobox的多选和单选情况

关于Combobox的集成data-options获取数据库的值得多选和单选情况

单选

          <tr><th class="th1">上级菜单：</th><td class="td1"><select id="parentMenu" name="parentMenu" class="easyui-combobox" style="width: 180px;"  data-options="panelHeight:'auto',editable : false,  valueField: 'MenuId',      textField: 'MenuName',   url:'${ctx}/menu/menuList.action',onLoadSuccess:function(data){$('#parentMenu').combobox('setValue',data[0].MenuId);}">  </select>  </td></tr>

多选

                        <tr>  <th width="td1">请选择管理员：</th>  <td class="td1"><select id="admins" name="admins" class="easyui-combobox"  style="width: 180px;"data-options="url:'${ctx}/menu/menuManage.action',method:'get',valueField: 'AdminId',      textField: 'AdminName',  multiple:true,panelHeight:'auto' "></select></td></tr>

关于使用Combobox的使用JavaScript获取后台传过来经过转换的的Json格式的数据【data-options】获取数据库的值得情况

<tr><th class="th1">上级菜单：</th><td class="td1"><input id="parentMenu" name="parentMenu" class="easyui-combobox" style="width: 180px;" data-options="editable:false,valueField:'id', textField:'text'"/>  </td></tr>

JavaScript

$(document).ready(  function(){  $.ajax({  url:'${ctx}/menu/menuList.action', type:'post',  success:function(data){  data=eval(data);  //将json格式的数据转换为对象格式，这样for循环才能对data内的数据进行编辑var themecombo2 =[{ 'text':'请选择','id':''}];  for(var i=0;i<data.length;i++){  themecombo2.push({"text":data[i].MenuName,"id":data[i].MenuId});  }  $("#parentMenu").combobox("loadData", themecombo2);  }  });  });

后台Java

@Action(value="menuList")public void getMenuList() throws IOException{ServletActionContext.getResponse().setContentType("text/html;charset=GBK");List<Map<String,String>> list  = new ArrayList<Map<String,String>>();List<Menu> codeList = menuService.getMenu();for(Menu sysCode : codeList){//对数据进行重新编码Map<String,String> map = new HashMap<String,String>();map.put("MenuId",String.valueOf(sysCode.getMenuId()));//codemap.put("MenuName",sysCode.getName());list.add(map);}String jsonStr =JSONUtils.writeValueAsString(list);ServletActionContext.getResponse().getWriter().write(jsonStr);}

关于eavl()方法：

eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

语法

eval(string)

参数	描述
string	必需。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。

返回值

通过计算 string 得到的值（如果有的话）。

说明

该方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。

如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性，并通过该属性调用它，则 ECMAScript 实现允许抛出一个 EvalError 异常。

抛出

如果参数中没有合法的表达式和语句，则抛出 SyntaxError 异常。

如果非法调用 eval()，则抛出 EvalError 异常。

如果传递给 eval() 的 Javascript 代码生成了一个异常，eval() 将把该异常传递给调用者。

<html>
<body><script type="text/javascript">eval("x=10;y=20;document.write(x*y)")
document.write("<br />")document.write(eval("2+2"))
document.write("<br />")var x=10
document.write(eval(x+17))
document.write("<br />")eval("alert('Hello world')")</script></body>
</html>

关于 date-options属性问题

<table border="0" cellspacing="0" cellpadding="0"class="crs_ep_tablezy crs-kyform-table" id="zyxjysfsTabId"         data-options="id:'zyxjysfsTabId',name:'zyxjysfsList',type:'list',url:'ps!forZyxjysfsSave.action'"><tbody><tr><th width="3%" align="center">&nbsp;</th><th width="15%" align="center">井巷名称</th><th width="10%" align="center">提升距离/垂高</th><th width="10%" align="center">运输方式</th><th width="9%" align="center">运人方式</th></tr><tr><td align="center" class="crs_ep_padnone"><input type="checkbox" name="checkbox" id="checkbox"><input type="hidden" data-options="name:'dataId'"/><input type="hidden" data-options="name:'createUser'"/><input type="hidden" data-options="name:'createTime'"/><input type="hidden" data-options="name:'createUserName'"/><input type="hidden" data-options="name:'updateUser'"/><input type="hidden" data-options="name:'updateUserName'"/></td><td align="center"><input type="text" class="crs-ep-ipt easyui-validatebox"  data-options="name:'gdmc',validType:'clength[1,300]'" /></td><td align="center"><input type="text" class="crs-ep-ipt easyui-validatebox" data-options="name:'tsjl',validType:'clength[1,200]'" /></td><td align="center"><input type="text" class="crs-ep-ipt easyui-validatebox" data-options="name:'ysfs',validType:'clength[1,200]'"/></td><td align="center"><input name="tt3" type="text" class="crs-ep-ipt easyui-validatebox"data-options="name:'yrfs',validType:'clength[1,200]',tipPosition:'left'"  /></td></tr></tbody></table>

转载于:https://www.cnblogs.com/flytogalaxy/p/7521979.html

关于Combobox的多选和单选情况相关推荐

eazy ui 复选框单选_UI备忘单：单选按钮，复选框和其他选择器
eazy ui 复选框单选重点 (Top highlight) Pick me! Pick me! No, pick me! In today's cheat sheet we will be lo ...
vue - 使用vue实现自定义多选与单选的答题功能
4月底立得flag,五月底插上小旗,结果拖到六月底七月初才来执行.说什么工作忙都是借口,就是睡的比猪早,起的比猪晚. 本来实现多选单选这个功能,vue组件中在表单方面提供了一个v-model指令,非常 ...
vue案例 - 使用vue实现自定义多选与单选的答题功能
4月底立得flag,五月底插上小旗,结果拖到六月底七月初才来执行.说什么工作忙都是借口,就是睡的比猪早,起的比猪晚. 本来实现多选单选这个功能,vue组件中在表单方面提供了一个v-model指令,非常 ...
MFC控件编程之复选框单选框分组框
MFC控件编程之复选框单选框分组框一丶分组框分组框英文叫做 GroubBox 添加了分组框主要就是分组.好看.不重点介绍二丶单选框英文: Raido Button 单选框需要注意的事项 1. ...
axure 下拉多选元件_Axure教程：下拉多选列表集合（多选下拉列表+单选下拉列表+分级下拉列表）...
原标题:Axure教程:下拉多选列表集合(多选下拉列表+单选下拉列表+分级下拉列表) 之前和大家分享了 <>.<>,很多同学私信我说很好使用,希望能够做一个多选下拉列表的教程 ...
多选月份的日期选择器_GitHub - ylmyg/SelectionTime: Android下日期选择器，支持范围选择、多选、单选、根据输入天数选择日期...
SelectionTime(1.0.1) SelectionTime是用于Android设备上选择日期开源库,高度订制,打造适合自己的日期控件效果图(多选.范围选.单选) 安装说明 Gradle: ...
[CSS]复选框单选框与文字对齐问题的研究与解决.
前言: 今天碰到的这个问题, 恰好找到一个很好的博文, 在这里转载过来学习下. 原文地址:复选框单选框与文字对齐问题的研究与解决. 目前中文网站上面的文字,就我的个人感觉而言,绝大多数网站的主流文 ...
ylbtech-数据库设计与优化-对作为复选框/单选列表的集合表的设计
ylbtech-DatabaseDesgin:ylbtech-数据库设计与优化-对作为复选框/单选列表的集合表的设计 -- DatabaseName:通用表结构 -- -- 主要是针对将要设计的表对象 ...
ElementUI中的el-table怎样实现多选与单选
场景实现多选非常简单: 手动添加一个el-table-column,设type属性为selection即可. 多选效果单选效果注: 博客: https://blog.csdn.net/badao ...

关于Combobox的多选和单选情况

语法

返回值

说明

抛出

关于Combobox的多选和单选情况相关推荐

最新文章

热门文章