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
													+ "<a href=\"javascript:void(0);\" "
													+ "οnclick=\"fileUpload("
													+ index + ");\" >上传文件</a>";
											links = links + "  ";
											links = links
													+ "<input type='text' id='packUrl"
													+ index
													+ "' style='display:none;'/>";
										} else {
											links = links + "  ";
											links = links
													+ "<a href=\"javascript:void(0);\"  "
													+ "οnclick=\"fileDownload('"
													+ row['packageAdress']
													+ "');\" >下载文件</a>";
											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,记录,以后忘了还可以看看!

  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值