easyui datagrid combobox下拉框获取数据问题

最近在使用easyui的datagrid,在可编辑表格中添加一个下拉框,查了下API,可以设置type : 'combobox',来做下拉框,这下拉框是有了,可是这后台数据怎么传过来呢,通过查API可以知道,设置URL属性就能从一个URL远程站点请求数据,或者设置data属性也行,但是本人两种方式都试了,这个数据就是现实不出来,原来是因为data这里需要放一个json格式的数据才行,我之前放的也是json,但是其中又嵌套了好几层,最后重新修改,OK啦!记录


$.ajax({  
        url:'packagetype.do',  
        dataType : 'json',  
        type : 'POST',  
        async:false,
        success: function (data){  
        	packageTypeList = data;
        }  
  });
$('#businessVersion').datagrid(
					{
						url : "VersionList.do?id="
								+ $("#bId").val(),
						idField : 'id',
						pageSize : '10',
						pageNumber : '1',
						pageList : [ 5, 10 ],
						columns : [ [
								{
									field : 'id',
									checkbox : true
								},
								{
									field : 'fileName',
									title : '安裝包名称',
									width : 320,
									align : 'center',
									editor : {
										type : 'text',
										required: true
									}
								},
								{
									field : 'versionNo',
									title : '版本号',
									width : 220,
									align : 'center',
									editor : {
										type : 'text',
										required: true 
									}
								},
								{
									field : 'packageType',
									title : '安装包类型',
									width : 220,
									align : 'center',
									formatter: function(value,row,index) {  
										return row['packageName'];
				                    },
									editor : {
										type : 'combobox',
										options : {
										data: packageTypeList,
//										url:'packagetype.do',
										valueField: 'id',  
									        textField: 'name',  
									        panelHeight: 'auto',
									        required: true ,
									        editable:false
										}
									}
								},
								{
									field : 'operation',
									title : '操作',
									width : 320,
									align : 'center',
									formatter : function(value, row, index) {
										var links = "";
										if (row['fileName'] == '') {
											links = links + "  ";
											links = links
													+ "上传文件";
											links = links + "  ";
											links = links
													+ "";
										} else {
											links = links + "  ";
											links = links
													+ "下载文件";
											links = links + "  ";
										}
										return links;
									}
								} ] ],
						toolbar : [
								{
									id : "businessAdd",
									text : '新增',
									iconCls : 'icon-add',
									handler : function() {
										$('#businessVersion').datagrid(
												'endEdit', lastIndex);
										$('#businessVersion').datagrid(
												'appendRow', {
													fileName : '',
													versionNo : '',
													creator : '',
													packageType : '',
													operation : ''
												});
										var lastIndex = $('#businessVersion')
												.datagrid('getRows').length - 1;
										$('#businessVersion').datagrid(
												'selectRow', lastIndex);
										$('#businessVersion').datagrid(
												'beginEdit', lastIndex);
									}
								},
								{
									id : "bDestory",
									text : '撤消',
									iconCls : 'icon-undo',
									handler : function() {
										$('#businessVersion').datagrid(
												'rejectChanges');
									}
								} ]
					});

以上是部分code,记录,以后忘了还可以看看!

你可能感兴趣的:(easyui)