`

jqGrid 编辑自定义控件

 
阅读更多
jqGrid 支持在某一列上,自己写一个控件显示,并影响弹出编辑时候的控件

{
					name : 'deptId',
					index : 'DEPT_ID',
					sortable : false,
					hidden:true,
					editable:true,
					editrules:{required:true},
					edittype:'custom',
					editoptions: {custom_element: custtomElem, custom_value:customValue},
					formoptions:{colpos:2,rowpos:3}	
				},

————————————————————————————————————————
function custtomElem(value, options) {
		var el = $("<select></select>"); 
		if(value != null && value.length > 0) {
		      var optvalues = value.split(','); 
		      if (optvalues.length > 0) {
		          for(var i=0;i<optvalues.length;i++) {
		              var optvalue = optvalues[i]; 
		              var optdisplay = optvalues[i]; 
		              var optel = $("<option value='"+optvalues[i]+"'>"+optvalues[i]+"</option>"); 
		              el.append(optel); 
		          }
		      }
		} 
		return el; 
	} 
		 
	function customValue(elem, operation, value) { 
		if (operation === 'get') { 
			return $(elem).val(); 
	  	} else if (operation === 'set') {
	  		$(elem).val(value);
	  	}
	}
分享到:
评论

相关推荐

    jqGrid自定义组合控件范例

    // 返回自定义控件 return container; } ``` 接下来,你需要在列模型中指定这个自定义编辑类型: ```javascript colModel: [ { name: 'myField', width: 200, edittype: 'custom', editable: true, editoptions...

    jqGrid .Net控件

    **jqGrid .Net控件详解** jqGrid是一个强大的JavaScript数据网格插件,广泛用于Web应用程序中展示和操作大量数据。它提供了丰富的功能,包括数据排序、分页、搜索、编辑和更多。在.Net环境中,trirand.net为ASP.NET...

    JqGrid控件 MVC 版

    **JqGrid控件MVC版详解** JqGrid是一款强大的JavaScript表格插件,它在MVC(模型-视图-控制器)框架下有专门的版本,为Web应用提供了丰富的数据展示和操作功能。JqGrid以其高度可配置性和灵活性,广泛应用于数据...

    ASP.NET jqGRID 控件 源代码 示例

    jqGrid支持多种高级功能,如自定义编辑、过滤、搜索、行选择、行操作等。例如,可以使用`beforeSelectRow`事件实现行选中功能,或者通过`loadComplete`事件处理数据加载完成后的一些逻辑。 六、jqGrid与ASP.NET MVC...

    jqGrid 演示最新版 jqgrid 4.4, jQuery 1.8.0, jQuery-ui 1.8.23

    HTML5引入了更多的语义化元素和离线存储、表单控件、多媒体支持等功能,使得jqGrid可以在现代浏览器中更好地运行,并且能提供更好的离线应用支持。 **Struts 和 jQgrid 结合** Struts 是一个基于MVC(模型-视图-...

    JQGrid系列教程 代码

    JQGrid提供了行内编辑、弹出式编辑和添加数据的功能。`editGridRow`和`addGridRow`方法用于启动编辑和添加操作。同时,需要配置`editurl`以处理编辑和添加的数据提交。 8. **自定义行为** 通过事件处理器,如`...

    jqGrid for ASP.NET 4.0

    7. **bin目录**:这个目录存放编译后的.NET类库,可能包括jqGrid的ASP.NET服务器控件和相关的DLL文件,这些是将jqGrid功能整合进ASP.NET页面所必需的。 8. **Sample Project**:提供的示例项目(sample_project)...

    jqGrid中文教程

    jqGrid 也提供了多种自定义功能,包括自定义列、自定义编辑器、自定义按钮等。同时,jqGrid 也提供了多种主题,包括基本主题、bootstrap 主题、 Material Design 主题等。 在jQGrid 是一个功能强大且灵活的网格控件...

    jqgrid4.0包

    2. **列定义**:jqGrid 允许自定义列的显示方式,包括标题、宽度、对齐方式、是否可编辑等。通过 `colModel` 配置,你可以指定每列的属性,如 `name`(字段名)、`width`(宽度)、`align`(对齐)和 `editable`...

    5种最流行好用的表格grid控件

    Guriddo jqGrid是jqGrid的一个分支,它扩展了原版jqGrid的功能,增加了如行内编辑、列固定、自定义操作按钮等特性。Guriddo jqGrid还优化了性能,支持大数据集的高效渲染,对于需要处理大量数据的场景非常适用。 4...

    jqgrid序列

    - `pager`:分页器的ID,用于显示分页控件。 - `sortname`和`sortorder`:默认排序的列名和顺序。 - `rowList`:分页大小选项列表。 - `mtype`:请求数据时使用的HTTP方法,默认为'GET'。 - `postData`:额外的参数...

    jqGrid插件--JQuery表格插件

    6. **分页**:jqGrid内置了强大的分页功能,支持客户端分页和服务器端分页,可通过`pager`选项设置分页控件,并通过`rowNum`和`loadonce`参数控制每页显示的数据量和是否一次性加载所有数据。 7. **编辑与添加**:...

    jqgrid-4.6.0

    7. **工具栏**:jqGrid允许自定义工具栏,可以在上面放置按钮、下拉框等控件,实现更多的功能扩展。 8. **国际化支持**:jqGrid支持多语言,可以轻松切换不同地区的语言设置,满足全球化应用的需求。 9. **响应式...

    jqgriddemo5.2.0

    jqGrid是一款基于jQuery的开源数据网格组件,它允许用户在网页上展示大量数据,并提供了排序、筛选、编辑、分页等多种功能。jqGrid5.2.0是该组件的一个重要版本,它引入了更多特性,提升了性能和用户体验。 **...

    C#封装的JqGrid插件

    C#开发者可以利用ASP.NET的控件和事件机制,创建自定义的服务端逻辑,以支持JqGrid的请求。 在C#中封装JqGrid时,主要涉及以下几个步骤: 1. 引入库:首先,你需要在你的项目中引入JqGrid的JavaScript库和CSS文件...

    jQuery jqGrid 3.5 完整实例包.zip

    3. **列定义**:jqGrid允许自定义列头文本、宽度、对齐方式,以及是否可排序、可编辑等属性。例如,`{name: 'ColumnName', index: 'ColumnNameIndex', width: 100, sortable: true}`。 4. **数据源**:jqGrid支持...

    jquery表格插件jqgrid

    jqGrid是一款强大的基于JavaScript的开源网格控件,它能够为Web应用程序提供灵活、功能丰富的数据展示和操作界面。这款插件是jQuery库的一个扩展,专为处理大量数据和实现复杂的表格功能而设计。在本文中,我们将...

    jqGrid dome asp.net

    它提供了丰富的功能,包括分页、排序、过滤、编辑、拖放列以及自定义操作。在 ASP.NET 开发环境中,jqGrid 提供了一个高效且灵活的方式来展示数据库数据。 标题"jqGrid dome asp.net"表明这是一个关于如何在 ASP...

    jqGridDemo

    jqGrid是一款基于JavaScript的开源网格控件,用于在Web应用程序中展示和操作数据。这个"jqGridDemo"是根据官方网站提供的示例进行调试和优化后的版本,目的是为了便于个人学习和日后查阅。jqGrid以其强大的功能、...

Global site tag (gtag.js) - Google Analytics