- 浏览: 219112 次
- 性别:
- 来自: 北京
文章分类
最新评论
在某个控件后面, 追加一个控件, 在某个控件下面设置change事件即可。
但需要注意,如果用到jqGrid的行编辑, 表单中新增的属性无法提交给后台, 想解决这个问题,需要在editGridRow的options中重新设置postdata
如下:
jqGrid表格配置
{ name : 'attrType', index : 'ATTR_TYPE', editable:true, formatter: function(cellvalue, options, rowObject) { var attrType = ""; if(cellvalue == "1"){ attrType = "文本"; }else{ attrType = "数据字典"; } return attrType; }, editable:true, edittype:'select', editoptions:{ value:"1:文本;0:数据字典", dataEvents: [{type:'change',fn:function(e){ //TODO 下拉后增加后,选择数据字典项目 $('#dataItemSpan').html(''); var $attrTypeSel = $( e.target ); var attrType = $attrTypeSel.val(); if (attrType == 0) { $attrTypeSel.after('<span id="dataItemSpan"> 数据项:<select id="rule" class="FormElement" role="select"><option value="ttt">tt</option></select></span>'); } }}] }, formoptions:{colpos:1,rowpos:3,elmsuffix:'<font color="red" >*</font>'}
var editDialogOptions = { top: $(window).height()/4, left: $(window).width()/3, addCaption: "新增属性", editCaption: "编辑属性", ...... beforeSubmit : function(postdata, formid) { if ($('#rule').length != 0) { postdata["attribute.rule"] = $('#rule').val();//Reset data of the rule. } return[true,"sucessful"]; } } var rowid = jQuery("#attributeList").jqGrid("getGridParam", "selrow");//selarrrow jQuery("#attributeList").jqGrid('editGridRow',rowid, editDialogOptions);
发表评论
-
web界面父子页面互相调用
2017-10-27 14:25 580父页面:parent.html <!DOCT ... -
多选下拉框的回显(Select)
2015-10-20 17:29 10362多选下拉框打印时候是已数组形式展现的,按这种思路: &l ... -
jqgrid 网址
2015-05-13 16:41 496http://www.trirand.com/blog/jqg ... -
JQuery EasyUI combobox动态添加option
2015-03-20 09:41 1703<input class="easyui-c ... -
easy datagrid 获得page信息
2015-02-03 11:07 582var grid = $('#datagrid'); va ... -
easy ui datagrid api
2015-01-29 12:58 637http://www.jeasyui.com/document ... -
扩展easy ui tree 层级(level)
2014-12-22 10:38 837$.extend($.fn.tree.methods, { ... -
jquery 下拉框按text 选中
2014-11-18 16:03 429jQuery("#separator option[ ... -
jqGrid增加滚动条
2014-10-28 10:15 1866滚动条: $(xxx).jqGrid({ ...... aut ... -
jQuery ui 多选下拉
2014-09-25 11:49 977下载及代码:http://www.erichynds.com/ ... -
jQuery validate 自定义样式、规则
2014-09-12 17:07 1427jquery validate 常用的找Api 就好, 但有一 ... -
jqGrid自动适应窗口大小
2014-09-01 17:41 767$(window).resize(function(){ ... -
jqGrid 编辑自定义控件
2014-08-15 16:12 2357jqGrid 支持在某一列上,自己写一个控件显示,并影响弹出编 ... -
Ztree 常用
2014-08-14 17:36 1075Ztree 支持中文API 实在太easy 了, 有了API ... -
针对Ztree的右键弹出菜单(jquery.popupSmallMenu.js)
2014-08-14 10:21 6415例子效果: 右键菜单方便好用的有很多,长用的为jque ... -
jquery ui Message 简单使用
2014-08-12 10:09 1216可以自己在前面加上一张图片 通过operation判断 用哪张 ... -
jQuery ui Combobox 扩展
2014-08-07 15:16 1389jQuery ui 是一个UI的雏形, 一些UI都基于 ... -
jQuery layout 插件属性
2014-07-30 16:08 1618相信很多人在用layout的时候都会找layout到底有多少属 ... -
jqGrid 两种列模型(TypeError: b is undefined)
2014-07-23 18:06 979jqGrid 的json支持两种列模型 1:如果用普通的js ... -
BS UI
2014-07-21 16:07 344http://www.bootcss.com/ 支持IE6 ...
相关推荐
该方式是在jqgrid的列基础上进行编辑,为列添加保存事件,文本域和输入框采用blur失去焦点的方式进行保存,该方法含有点击为其他列赋值的功能。参考api列子并结合自己公司功能需求。
jQGrid动态填充select下拉框的选项值(动态填充)
jqGrid超详细属性说明(追加整理) 整合了多个版本的属性说明和一些关键的示例,使此api更全面
jqgrid 编辑表格 一列
jqGrid实现如何自定义组合控件,实现更好用户体验
jqGrid超详细属性说明(追加整理) 整合API,示例
jqGrid的表格的每行每列的数据既显示又可以编辑。
jqGrid超详细属性说明(追加整理)[收集].pdf
JqGrid 表格控件,支持树形结构,动态加载数据,可配置添加页面、修改页面; MCV版
下面可以获取选择一行的id,如果你选择多行,那下面的id是最后选择的行的id: var id=$(‘#gridTable').jqGrid(‘getGridParam','selrow'); 如果想要获取选择多行的id,那这些id便封装成一个id数组,那可以使用以下...
jqgrid合并行、合并列 先看示例图片最终效果: jqgrid合并单元格 .jqgrid { width: 80%; margin: 0 auto; } /* 这个代码是解决表头有一点点错位的问题 */ .ui-state-default, .ui-widget-content .ui-state...
jqGrid控件导入导出Excel文件,将几个jqgrid导出一份Excel多sheet文件 ,亦可多sheet的excel导入至多个jqGrid表格。
jqGrid 学习 事件 45 jqGrid 学习 数据 48 jqGrid 学习 ColModel API 55 jqGrid 学习 参数(2) 57 jqGrid 学习 jqGrid 参数 63 jqGrid 学习 第一个实例 63 使用 jqGrid 修改数据并检查 69">jqGrid 学习 原理 2 ...
我这里用的不是jqGrid的自带的编辑和删除操作,我已经把分页导航栏下的编辑,删除,搜索都取消掉了,就是这句$(“#list1”).navGrid(“#pager1”,{edit:false,del:false, search:false}), 然后在数据加载完成后,给每...
JqGrid中文API文档,包含了基础的JqGrid控件的属性方法事件等,有如何使用JqGrid的Demo.
jquery.jqGrid-4.6.0(jquery表格插件).zip----------jqGrid4.6.0包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载...
jqgrid初始化时动态创建列并对这些列数值进行合计 生成动态列的数据源可以通过ajax获取或者前端自定义数据集
trirand.net封装的jqGrid控件 for ASP.NET WebForms 3.5/4.0 (内含两个简单的例子)