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

  1. $.ajax({
  2. url:'packagetype.do',
  3. dataType : 'json',
  4. type : 'POST',
  5. async:false,
  6. success: function (data){
  7. <span style="white-space:pre">  </span>packageTypeList = data;
  8. }
  9. });
  1. $('#businessVersion').datagrid(
  2. {
  3. url : "VersionList.do?id="
  4. + $("#bId").val(),
  5. idField : 'id',
  6. pageSize : '10',
  7. pageNumber : '1',
  8. pageList : [ 5, 10 ],
  9. columns : [ [
  10. {
  11. field : 'id',
  12. checkbox : true
  13. },
  14. {
  15. field : 'fileName',
  16. title : '安裝包名称',
  17. width : 320,
  18. align : 'center',
  19. editor : {
  20. type : 'text',
  21. required: true
  22. }
  23. },
  24. {
  25. field : 'versionNo',
  26. title : '版本号',
  27. width : 220,
  28. align : 'center',
  29. editor : {
  30. type : 'text',
  31. required: true
  32. }
  33. },
  34. {
  35. field : 'packageType',
  36. title : '安装包类型',
  37. width : 220,
  38. align : 'center',
  39. formatter: function(value,row,index) {
  40. return row['packageName'];
  41. },
  42. editor : {
  43. type : 'combobox',
  44. options : {
  45. data: packageTypeList,
  46. //                                      url:'packagetype.do',
  47. valueField: 'id',
  48. textField: 'name',
  49. panelHeight: 'auto',
  50. required: true ,
  51. editable:false
  52. }
  53. }
  54. },
  55. {
  56. field : 'operation',
  57. title : '操作',
  58. width : 320,
  59. align : 'center',
  60. formatter : function(value, row, index) {
  61. var links = "";
  62. if (row['fileName'] == '') {
  63. links = links + "  ";
  64. links = links
  65. + "<a href=\"javascript:void(0);\" "
  66. + "onclick=\"fileUpload("
  67. + index + ");\" >上传文件</a>";
  68. links = links + "  ";
  69. links = links
  70. + "<input type='text' id='packUrl"
  71. + index
  72. + "' style='display:none;'/>";
  73. } else {
  74. links = links + "  ";
  75. links = links
  76. + "<a href=\"javascript:void(0);\"  "
  77. + "onclick=\"fileDownload('"
  78. + row['packageAdress']
  79. + "');\" >下载文件</a>";
  80. links = links + "  ";
  81. }
  82. return links;
  83. }
  84. } ] ],
  85. toolbar : [
  86. {
  87. id : "businessAdd",
  88. text : '新增',
  89. iconCls : 'icon-add',
  90. handler : function() {
  91. $('#businessVersion').datagrid(
  92. 'endEdit', lastIndex);
  93. $('#businessVersion').datagrid(
  94. 'appendRow', {
  95. fileName : '',
  96. versionNo : '',
  97. creator : '',
  98. packageType : '',
  99. operation : ''
  100. });
  101. var lastIndex = $('#businessVersion')
  102. .datagrid('getRows').length - 1;
  103. $('#businessVersion').datagrid(
  104. 'selectRow', lastIndex);
  105. $('#businessVersion').datagrid(
  106. 'beginEdit', lastIndex);
  107. }
  108. },
  109. {
  110. id : "bDestory",
  111. text : '撤消',
  112. iconCls : 'icon-undo',
  113. handler : function() {
  114. $('#businessVersion').datagrid(
  115. 'rejectChanges');
  116. }
  117. } ]
  118. });

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

easyui datagrid combobox下拉框获取数据问题的更多相关文章

  1. easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法

    easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库&quo ...

  2. 关于easyui combobox下拉框实现多选框的实现

    好长时间没有更博了,一是因为最近真的比较忙,二是因为自己是真的偷懒了,哈哈 好啦,这篇博客主要是总结一些关于easyui combobox下拉框实现多选框的实现,包括前台界面的展示,和后台对数据的获取 ...

  3. 从后台绑定数据到ligerui 的comboBox下拉框组件

    这次来记录一下ligerUI的comboBox下拉框组件,ligerUI的API里也有相关描写叙述,上面都是前台写死数据,然后显示在组件中,我这次要说的是将后台的数据绑定到下拉框组件中,废话不多说. ...

  4. easyui combobox下拉框复制后再禁用,点击不会出现下拉框

    easyui combobox下拉框禁用,点击不会出现下拉框 需要做到,在给easyui combobox赋值后,再禁用easyui combobox 解决办法: $("#time-sele ...

  5. Python+selenium之获取文本值和下拉框选择数据

    Python+selenium之获取文本值和下拉框选择数据 一.结合实例进行描述 1. 实例如下所示: #新增标签操作 def func_labels(self): self.driver.find_ ...

  6. easyUI combobox下拉框很长,easyUI combobox下拉框如何显示滚动条的解决方法

    如下图,combobox下拉框里内容很多时,会导致下拉框很长,很不美观. 如何使得combobox下拉框显示滚动条 方法:把属性panelHeight:"auto"注释掉即可. $ ...

  7. 自绘制HT For Web ComboBox下拉框组件

    传统的HTML5的下拉框select只能实现简单的文字下拉列表,而HTforWeb通用组件中ComboBox不仅能够实现传统HTML5下拉框效果,而且可以在文本框和下拉列表中添加自定义的小图标,让整个 ...

  8. 由于抽签HT For Web ComboBox下拉框组件

    传统HTML5的下拉框select仅仅能实现简单的文字下拉列表,而HT for Web通用组件中ComboBox不仅可以实现传统HTML5下拉框效果,并且可以在文本框和下拉列表中加入自己定义的小图标, ...

  9. Combobox下拉框两级联动

    下拉框的两级联动是我们开发中经常遇到一种情况.比如一个学生管理系统中,根据年级.科目及姓名查询学生考试成绩,年级和科目都是硬盘中的有限数据(数据库)而学生则可以有用户手动指定,这时在数据库中有年级和科 ...

随机推荐

  1. Linux多电脑ssh免密码登录

    Linux多电脑ssh免密码登录 1.这里拿三台虚拟机举例子.版本为:CentOS7 第一步:;开机,连接. 第二步:确定你的其中一台为主机.(生成公共的密匙). 第三步:目的:创建.ssh文件 命令 ...

  2. Java linux lame .wav音频转mp3 并且压缩

    public class Test{ public static void main(String[] args) {try{ String shellString = "lame -b 1 ...

  3. 《DSP using MATLAB》示例Example 6.8

    今天情人节,又在外地出差,苦逼中…… 继续写读书笔记吧. 代码: % All-Zeros FIR filter to Lattice structure filter b = [2, 13/12, 5 ...

  4. C#读取Excel数据操作大全

    苦丁茶 发表于 2014-02-10 12:58:00 | 分类标签: ASP.NET 读取Excel 本文介绍下,用C#读取excel数据的例子,包括读取整个工作薄的数据.读取工作薄选定区域中的数据 ...

  5. ballerina 学习十五 控制流

    ballerina 的控制流没有什么特殊,只是相比一般语言多了一个模式匹配的操作match ,实际上其他语言(erlang elixir rust 中的模式匹配是很强大的) 简单例子 if/else ...

  6. ballerina 学习十一 Packages

    ballerina 的包还是比较简单的,实际上就是对于源码文件集合的管理,同时我们可以添加别名,同时可以进行 其他包的引用 import 简单例子 代码 import ballerina/math; ...

  7. Maven中配置生成单元测试报告配置

    对junit单元测试的报告: 1.  ------------------------------------------------------- 2.   T E S T S 3.  ------ ...

  8. (转)如何获得当前ListVIew包括下拉的所有数据?

    ListView listView = activity.getListView();获取的仅仅是当前屏幕显示的list,但是具有下拉信息,不在当前屏幕,但是下拉显示的数据无法或得到.谁知道如何获得当 ...

  9. linux保存的设置用户/组ID(set-user-ID)的测试

    直接贴代码和结果 // FileName: id.cpp #include <iostream> #include <unistd.h> using namespace std ...

  10. eclipse和myeclipse的he user operation is wating问题

    近做了一个MyEclipse项目,但是没开始多久就发现了这个问题:只要文件被修改过,不论多小的修改,保存的时候都会跳出一个框框,里面写着the user operation is wating.... ...