怎么在easyui的datagrid里面设计级联下拉列表 - ITeye问答

问答首页 → Web前端技术

0 0

怎么在easyui的datagrid里面设计级联下拉列表10

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>

<script type="text/javascript">
    $(function(){
        var lastIndex;
	$('#tt').datagrid({
	    url: 'dategrid_data.json',
	    rownumbers: true,
	    collapsible:true,
	    striped: true,
	    columns:[[
                {field:'id',title:'id',hidden:true},
                {field:'type',title:'类型',width:150,align:'center',
                    editor:{type:'combobox',options:{required:true}}
                },
            	{field:'name',title:'名称',width:150, align:'center',
                    editor:{type:'combobox',options:{required:true}}
                },
            ]],
	    toolbar:[
	        {	
	            text:'增加',		
	            iconCls:'icon-add',
	            handler:function(){
		        $('#tt').datagrid('endEdit', lastIndex);
			$('#tt').datagrid('appendRow',{
		            id:'',
			    type:'',
			    name:''
			});
			var lastIndex = $('#tt').datagrid('getRows').length-1;
		    }
		},'-',{
		    text:'删除',
		    iconCls:'icon-remove',
		    handler:function(){
			var row = $('#tt').datagrid('getSelected');
			if (row){
			    var index = $('#tt').datagrid('getRowIndex', row);
			    $('#tt').datagrid('deleteRow', index);
			}
		    }
		}
	    ],
	    onBeforeLoad:function(){
		$(this).datagrid('rejectChanges');
	    }
	});
    
</script>
</head>
<body >
    <table align="center" id="tt" style="height:auto" width="100%" title="test" singleSelect="true" >
    </table>				
</body>
</html>

页面的大致代码如上，使用的版本是jquery-easyui-1.2.3，我想把datagrid中的type和name这两列做成级联下拉列表，但是我不知道怎么在点击下拉列表后获取到这个下拉列表所在行的rowIndex，还请各位指点！

jQuery easyui datagrid

2012年3月29日 13:13

j1x001
20
0 0 1

目前还没有答案

相关推荐

easyui的datagrid中editor和combobox的级联: ### easyui的datagrid中editor和combobox的级联在前端开发中，easyui是一个非常实用的库，它提供了一套完整的用户界面组件，能够帮助开发者快速构建出功能丰富的Web应用。其中，`datagrid`是easyui提供的一个重要...

jQuery EasyUI编辑DataGrid用combobox实现多级联动: 在jQuery EasyUI中，DataGrid是一种常用的表格展示控件，它可以与各种编辑器结合使用，如combobox（下拉框）来实现更丰富的交互功能。本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的...

datagrid中combobox的级联: 在 EasyUI 框架中，`datagrid` 是一个用于展示数据表格的组件，而 `combobox` 是一种下拉选择框，常用于输入框中提供预设选项。`datagrid` 的行内编辑功能允许用户直接在表格内对数据进行编辑，而 `combobox` 的级联...

.net,EasyUI 可编辑DataGrid+Excel导出+MVC4: 基于.net + mvc4 写EasyUI的小网页程序,数据库用的是SQL SERVER 2008R2,集成了DataGrid（数据表格）的很多操作应用、Combobox的级联操作,以及 Excel的导出功能等等,相信对于初学者有很大的帮助，觉得值10分。...

easyui以及Springmvc使用笔记: 在IT行业中，EasyUI和SpringMVC是两个非常重要的技术框架，它们在Web应用开发中发挥着关键作用。本文将详细解析这两个框架的使用及其在实际开发中的常见问题。 EasyUI是一个基于jQuery的轻量级前端框架，它提供了一...

easyui api: - **菜单（Menu）**: 创建下拉或级联菜单，常用于网站导航和操作选项。 3. **EasyUI 样式与主题** - **CSS 样式**: EasyUI 内置多套样式，开发者可以通过修改 CSS 自定义界面风格。 - **主题系统**: 支持切换和...

jquery-easyui 例子: EasyUI 的 Form 可以自动绑定到 DataGrid 或 Dialog 中，实现数据的增删改查操作。 4. **Menu**: Menu 是创建下拉或级联菜单的工具，常用于网站导航和功能操作。它可以嵌套子菜单，并支持事件监听，使得用户能够...

easyui1.3.2 及主题: - **菜单（menu）**：提供下拉或级联的导航菜单。 - **按钮（button）**：可配置各种操作的按钮，如提交、重置、链接等。 - **树形控件（tree）**：展示层次结构的数据。 - **面板（panel）**：用于组合内容和...

easyui项目实战: 首先，EasyUI 的核心在于其组件化的设计，每个组件都有明确的功能和用途，如 `datagrid` 用于展示数据表格，`combobox` 用于创建下拉选择框，`dialog` 则可以创建弹出对话框。这些组件不仅具有基本的交互功能，还...

easyui demo: - **菜单（Menu）**：创建下拉或级联菜单，方便用户导航。 - **树形结构（Tree）**：展示层次关系的数据，如目录结构。 - **按钮（Button）**：包括普通按钮、链接按钮、图标按钮等。 - **表单组件（Input ...

jquery-easyui文档: 8. **下拉树（Combobox）**：Combobox是输入框与下拉列表的结合，支持级联选择，常用于筛选和选择数据。 9. **树形控件（Tree）**：Tree组件用于展示层级结构的数据，可以展开和折叠节点，支持异步加载和数据操作。...

easyuidemo:easyui的demo，包括CRUD操作、级联、datagrid、echarts等。使用oracle、jdbc、servlet: 在【描述】中提到了CRUD（创建、读取、更新、删除）操作、级联、datagrid和echarts，这些都是EasyUI应用中常见的功能模块。 1. **CRUD操作**：CRUD是数据库操作的基础，EasyUI通过与后端服务（如servlet）配合，...

EasyUI前端框架: EasyUI 是一个基于 jQuery 的轻量级前端框架，专为快速构建用户界面而设计。它提供了丰富的组件，如表格、下拉菜单、按钮、对话框、树形结构、表单等，大大简化了Web开发过程，使开发者可以更加专注于业务逻辑，而非...

jQuery EasyUI 中文API1.4.5 版: 2. `combobox`：组合框，结合下拉列表的输入框，便于用户选择。 3. `slider`：滑块，用于选择数值或进行评分。 4. `pagination`：分页，帮助在大量数据中导航。 5. `tree`：树形结构，用于展示层次关系的数据。 6. `...

jquery-easyui demo: - **菜单(Menu)**：创建下拉或级联菜单，适合构建导航结构。 - **表单(Form)**：封装了各种表单元素，如输入框、下拉框、复选框等，支持数据验证和提交。 - **按钮(Button)**：提供普通按钮、链接按钮、分割按钮...

jquery-easyui-1.4.2 Demo: 5. **Menu**：创建下拉菜单或级联菜单，增强用户体验。 6. **Tree** 和 **TreeGrid**：用于展示层次结构的数据。 7. **Slider**、**Calendar** 和 **NumberBox** 等：提供了丰富的输入控件。 8. **Button**、**...

easyui的JS文件: - **下拉列表（Combobox）**：提供下拉选择功能，可联动其他数据源。 - **对话框（Dialog）**：用于弹出式的窗口，常用于信息提示、确认操作等。 - **菜单（Menu）**：创建下拉菜单或级联菜单，用于提供导航和...

ssh中将含有级联对象的list转化为json: 在EasyUI的前端页面中，可以通过`$.ajax`或`$.post`方法接收并解析JSON数据，然后用EasyUI的组件（如datagrid）进行显示。总结，SSH框架中将含有级联对象或集合的list转化为JSON，主要涉及Java对象到JSON的转换、...

easyui+增强窗体 demo_ext为实例文件: 1、修复combobox在级联操作时，传递的swd参数值为null，而不是选中值。 2、datagrid的addEventListener 方法增加对事件onExpandRow和onCollapseRow的控制。 3、tree增加自定义属性 attributes，用于简单数据加载时，...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics