easyui的combobox将得到的数据设定为下拉框默认值和复选框设定默认值
通过easyui做了一个表,表里是从数据库拿到的数据。
现在双击某一行,通过点击行的id取到这一行的所有数据,现在需要修改这些得到的数据,
其中部分数据是<select>这个选择的,
问题:当用户双击时,打开的页面的选择框的默认值是用户原先填写的
(现在页面直接通过${a.attr }能够拿到a类的attr属性值,现在就想把拿到的属性值设为默认值,并且还可以修改选择其它的)。
原先使用的代码
(可以使用一个隐藏input[假定id为aa]得到value,再通过$("#status").combobox('setValue',$("#aa").val()也可以实现设定默认值)
<tr>
<td style="width:150px;text-align: center;">市场状态:</td>
<td>
<select class="easyui-combobox" name="fault.status" id="status">
<option value=""> </option>
<option value="正常">正常</option>
<option value="拆迁注销">拆迁注销</option>
<option value="移检测室">移检测室</option>
</select>
<label style="color:#999999"> 请选择市场状态</label>
</td>
</tr>
后来使用的代码(此处通过value设置默认值)
<tr>
<td style="width:150px;text-align: center;">市场状态:</td>
<td>
<input class="easyui-combobox" name="fault.status" id="status2" value="${fault.status }"
data-options="valueField:'value',textField:'text',
data: [{
value: '',
text: ' '
},{
value: '正常',
text: '正常'
},{
value: '拆迁注销',
text: '拆迁注销'
},{
value: '移检测室',
text: '移检测室'
}]"
/>
<label style="color:#999999"> 请选择市场状态</label>
</td>
</tr>
==============================================================
Ⅱ复选框checkbox设定默认值(除了使用combobox的下拉多选,不知道这种checkbox还有没有更好的方法,感觉这个好麻烦)

html代码:
<tr>
<td>软件原因:</td>
<td>
<input type="hidden" id="swr" value='<%=request.getParameter("softwareReason") %>'>
<input type="checkbox" name="mainten.softwareReason" id="SPKZ" value="视频控制" >视频控制
<input type="checkbox" name="mainten.softwareReason" id="DNKZ" value="电脑控制" >电脑控制
<input type="checkbox" name="mainten.softwareReason" id="CJD" value="采集端" >采集端
<input type="checkbox" name="mainten.softwareReason" id="SIPDJ" value="Ip对讲" >Ip对讲
<input type="checkbox" name="mainten.softwareReason" id="SQT" value="其它" >其它
</td>
</tr>
JS代码:
var swr = $("#swr").val();
if(swr.indexOf('视频控制') != -1){
$("#SPKZ").attr("checked",true);
}
if(swr.indexOf('电脑控制') != -1){
$("#DNKZ").attr("checked",true);
}
if(swr.indexOf('采集端') != -1){
$("#CJD").attr("checked",true);
}
if(swr.indexOf('Ip对讲') != -1){
$("#SIPDJ").attr("checked",true);
}
if(swr.indexOf('其它') != -1){
$("#SQT").attr("checked",true);
}
easyui的combobox将得到的数据设定为下拉框默认值和复选框设定默认值的更多相关文章
- ASP.NET实现弹出框真分页将复选框选择的数据存到数据库中(四)
这是第四步点击保存将信息存入数据库中. 这个就简单了利用ajax将JSON字符串传到后台然后这里有个知识点就是将DataTable直接存入数据库中.代码如下: 一.界面获取数据JS代码: //保存订单 ...
- easyui复选框树动态加载后台数据,实现自动选中数据库中数据。后台语言是.NET
最近公司做项目用到了easyui复选框树来实现加载不同类型产品.因为我刚刚毕业,现在也算是实习吧,所以一脸懵逼啊.在公司里的一个哥的帮助下 ,我写出来这个EasyUi复选框树了,虽然东西不难,但也是自 ...
- 雷林鹏分享:jQuery EasyUI 数据网格 - 添加复选框
jQuery EasyUI 数据网格 - 添加复选框 本实例演示如何放置一个复选框列到数据网格(DataGrid).通过复选框,用户将可以选择 选中/取消选中 网格行数据. 为了添加一个复选框列,我们 ...
- easyui datagrid 通过复选框删除新追加的数据问题
之前写好的功能在保存好数据后再通过复选框删除是没有问题的,可现在想多追加几行,然后选择删除新追加的某几行或一行,通过$('#dg').datagrid('getChecked')方法返回选中行,然而返 ...
- C# easyui datagrid 复选框填充。
具体效果如下: 首页
- easyui datagrid复选框控制单选
使用easyui datagrid的时候,由于对数据表格操作太多,并且有单选和多选功能因此采用复选框.但是在单选的状态,使用CheckOnSelect和singleselect时发现,页面有明显延迟, ...
- Easy UI combobox实现类似 Select2的效果,下拉带搜索框
一直在开发一个新系统,其中用Easy UI作为前端框架,少不了用 combobox做为一个 下拉控件,它支持 可编辑 模糊本地数据过滤,也可支持 不可编辑 下拉 选择的功能: $('#ID' ).co ...
- easyui 复选框 onClickRow事件与onSelect事件与onCheck事件
在项目中一直存在一个问题,一直都没发现问题的根源在哪里.在我们测试这边也是偶尔会出现.但是每次我去测试的时候也没问题.今天终于找到原因了! 在easyui中点击行和点击复选框触发的事件是不一样的! 点 ...
- EASYUI DATAGRID 多列复选框CheckBox
主要实现: 用的 easyui 1.3.2 实现多个复选框列,各列互不影响.能够实现全选.主要部门用红色标记了的. easyui datagrid 初始化: <script> functi ...
随机推荐
- android图像模糊技术
今天我们来更深入了解一下Android开发上的模糊技术.我读过几篇有关的文章,也在StackOverFlow上看过一些相关教程的帖子,所以我想在这里总结一下学到的东西. 为什么学习这个模糊技术? 现在 ...
- css3绘制几何图形
用css3绘制你需要的几何图形 1.圆形 示例: 思路:给任何正方形元素设置一个足够大的 border-radius ,就可以把它变成一个圆形.代码如下: html: <div class=&q ...
- 正式学习React(五) react-redux源码分析
磨刀不误砍柴工,咱先把react-redux里的工具函数分析一下: 源码点这里 shallowEqual.js export default function shallowEqual(objA, ...
- nRF51822 SDK初体验
作为两家BLE芯片大厂之一,nordic不像TI那么开放,nordic的开发资料是很难找的. 今天有幸得到nordic的BLE芯片nRF51822的SDK,看了一下. 首先,nordic号称协议栈 ...
- Eclipse配置JDK的源代码的src.zip
Eclipse配置JDK的源代码的src.zip包很简单.只需要简单的几个步骤. 1.点 “window”-> “Preferences” -> “Java” -> “Install ...
- cocos2d-x特效之CCControlPotentiometer
在test示例下面,有一个关于此功能的代码,实现的效果如下: 通过拉动可旋转的按钮,从而改变所代表的值,这个效果的确是很棒的,但,和我的需求有一些差别,先贴上我实现的效果吧 ...
- 03_Elasticsearch如何安装以及相关插件的介绍
03_Elasticsearch如何安装以及相关插件的介绍 elasticsearch -d (-d参数是为了让服务后台运行) Elasticsearch 目录结构: 文件夹 作用 /bin 运行El ...
- 如何允许外网可以连接mysql数据库
1.首先检查mysql所在服务器的防火墙,如果限制了外网对3306端口的连接,那么放开限制Linux服务器中执行 iptables -L 可以查看当前的防火墙规则iptables -F 可以清 ...
- 【转】Android HAL实例解析
原文网址:http://www.embedu.org/Column/Column339.htm 作者:刘老师,华清远见嵌入式学院讲师. 一.概述 本文希望通过分析台湾的Jollen的mokoid 工程 ...
- JavaScript 基础二
JavaScript 事件处理程序就是一组语句,在事件(如点击鼠标或移动鼠标等)发生时执行 ●当事件之间互相影响时,需要有个先后顺序,这时我们声明一个Bool值来做约束 浏览对象: window 对象 ...