一个jqgrid与select结合实现的多选列表框

问题描述

我要实现如图所示的一个多选列表框,左边是一个jqgrid,右边是一个select.当点击“选择”的时候,左边的选中行消失,右边的select出现一行记录,这个已经搞定了,我不会的是,当我点击“删除”的时候,如何select的选中行消失,jqgrid中出现那行记录。貌似jqgrid没有让行隐藏的办法吧,我想用map,js中貌似也没得map,那我该怎么办呢? 问题补充:pigswimming 写道

解决方案

归根结底,你喜欢对左侧的jqgrid的local date 进行add 和delete操作,点确定才提交后台服务器吧。“jqgrid中出现那行记录”很简单,用$("#gridID").addRowData(index,rowdata)即可
解决方案二:
引用这位兄弟 你实现的是select到select的功能哈 其实这种还有更简洁的代码 Js代码 $("#selected option").appendTo("#content"); 惭愧啊
解决方案三:
<td> <input name="Submit23" type="button" align="center" class="button" value="删除<-" onClick="doMove(mright,mleft,1)"><br></td>function doMove(sourceObj,targetObj,flag){ if(sourceObj.selectedIndex==-1) return; var oOption = document.createElement("OPTION"); var selItem = sourceObj.options[sourceObj.selectedIndex]; oOption.text=selItem.text; oOption.value=selItem.value; if(check(selItem,targetObj)){ targetObj.add(oOption); sourceObj.remove(sourceObj.selectedIndex); if(flag && targetObj.selectedIndex!=-1) { var temp = targetObj.options[targetObj.options.length-1]; for(var i=targetObj.options.length-1;i>targetObj.selectedIndex;i--) { var temp2 = targetObj.options[i-1]; var tempOption = document.createElement("OPTION"); tempOption.value = temp2.value; tempOption.text = temp2.text; targetObj.options[i] = tempOption; } targetObj.options[targetObj.selectedIndex] = temp; } } }function check(sourceoption,targetObj){for(var i=0;i<targetObj.options.length;i++) { var temp2 = targetObj.options[i]; if(sourceoption.value==temp2.value) return false; }return true;}

时间: 2024-10-25 03:26:48

一个jqgrid与select结合实现的多选列表框的相关文章

jQuery列表框插件imageselect.js jquery select美化用图片进行选择

 select默认的太难看了,在这用jquery 插件imageselect.js进行美化,就图片进行下拉菜单的选择 列表框插件imageselect.js jquery select美化用图片进行选择-jquery select 美化"> 这个网页特效代码如下:   <!DOCTYPE html> <head> <title>支持图片选择的jQuery列表框插件imageselect.js</title> <meta http-equ

谈select列表框

select 在JSP中用到select列表框就如家常便饭般的常见!以下是我在JSP页面中对此的一些心得(通常会用到Struts+Hebernate+Spring):我想大概有以下几种方法可以在JSP中得到我们想要的select列表框1:通过使用HTML中使用普通的select定义 <select name=select>    <option value=1>aa</option>    <option value=2>bb</option> 

checkbox-js select列表框的问题和复选框的问题,大神都过来看看

问题描述 js select列表框的问题和复选框的问题,大神都过来看看 假如一个页面中有一个select的下拉选项,有固定模式,多选模式和随机模式. 然后下面有一些前面带有checkbox的数据,请问各位大神们?当我选固定模式的时候,这些复选框只能单选,随机模式的时候,一个都不能选,很着急,谢谢 解决方案 当选中select的时候调用jquery的change方法,在方法体中做相应的操作,如果值为随机模式那么就把这组checkbox设置为disabled,如果是另一个就先不做操作,当勾选中一个c

总是提示错误&amp;amp;quot;&amp;amp;quot;ddlcity&amp;amp;quot;有一个无效 SelectedValue,因为它不在项目列表中。&amp;amp;quot;

问题描述 执行当前Web请求期间,出现未处理的异常.请检查堆栈跟踪信息,以了解有关该错误以及代码中导致错误的出处的详细信息.异常详细信息:System.ArgumentOutOfRangeException:"ddlcity"有一个无效SelectedValue,因为它不在项目列表中.参数名:value源错误:执行当前Web请求期间生成了未处理的异常.可以使用下面的异常堆栈跟踪信息确定有关异常原因和发生位置的信息.堆栈跟踪:[ArgumentOutOfRangeException:&q

Office软件选项前怎么输入一个勾选确认框?

  在作调查问卷或其他文案的时候,通常需要在Office软件选项前输入一个勾选确认框.那么,怎么实现呢?下面小编就为大家介绍一下,一起来看看吧! 方法/步骤 1.首先我个人比较喜欢通过某些输入法软件实现(PS我个人喜欢搜狗输入法呢) 2.其次,我们还可以通过word办公软件中的插入字符完成(以office2013为例),如图所示,这个就需要我们自己仔细进行寻找了,注意右上角的类型. 3.对于详细的文档编辑,这时候我们可以大发神威了,通过word办公软件中的开发人员工具完成,我个人比较喜欢单击wo

js jq-如何实现下拉框点击一个选项,该选项的内容显示在文本框中?

问题描述 如何实现下拉框点击一个选项,该选项的内容显示在文本框中? <div class="input-group"> <input class="form-control select_of_input"> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-

c#-谁能用C#帮我实现一个支持拖拽的列表框/列表视图

问题描述 谁能用C#帮我实现一个支持拖拽的列表框/列表视图 需要一个示例代码 我没学过C# 我现在需要一份用C#实现的代码 和我用MFC实现的代码来比较两者的效率 希望各位大哥大姐帮帮忙 谢谢了 解决方案 C# 两个listView内部和相互拖拽,任意位置拖拽,不重复,自动排序

图片-有一个无效 SelectedValue,因为它不在项目列表中。 参数名: value

问题描述 有一个无效 SelectedValue,因为它不在项目列表中. 参数名: value 哪位大神遇到过这种问题啊 帮小弟看看吧

windows列表框控件中能不能显示一个bitmap位图图片

问题描述 windows列表框控件中能不能显示一个bitmap位图图片 windows列表框控件中能不能显示一个bitmap位图图片?列表框怎么显示bitmap图片? 解决方案 参考:http://www.lxway.com/129985101.htm 解决方案二: Using a Virtual CListCtrl to Display Text and Bitmaps http://www.codeproject.com/Articles/35131/Using-a-Virtual-CLis