最近在使用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. Loj 504 ZQC的手办

    Loj 504 ZQC的手办 用线段树维护,每个节点存储区间内最小值 \(val\) 以及最小值出现的一个位置 \(pos\) . 对操作 \(1\) ,只需打标记即可,因为我们不维护其他的信息(如区 ...

  2. Mac OS上搭建LNMP开发环境

    1. 概述 LNMP代表的就是:Linux系统下Nginx+MySQL+PHP这种网站服务器架构.Linux是一类Unix计算机操作系统的统称,是目前最流行的免费操作系统.代表版本有:debian.c ...

  3. c++ template不能有cpp

    c++的template只能把生命和定义都放在.h文件里,不然会出错

  4. Cocos2d-x学习笔记1

    版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/u014734779/article/details/26077453 1.创建新的cocos2d-x ...

  5. 【转】刚发现一个linux在线文档库。很好很强大。

    原文网址:http://blog.csdn.net/longxibendi/article/details/6048231 1.网址: http://www.mjmwired.net 2.比如查看这个 ...

  6. 使用AWK分析Oracle系统锁定、Hang状态

    在早期Oracle版本中,由于技术不成熟等原因,数据库锁定和僵死状态还是时有发生的.对待这些问题,老先生们的处理策略无外乎是“重启”和“考究”两种策略.所谓“重启”,通过强制的重启服务器或者数据库,将 ...

  7. Fiddler+Firefox

    配置置代理了,发现还是不好用!无法抓包: 配置就是在firefox的“选项”,拉到最下面,就能够看到“网络代理”,点进去:手动代理里面输入Fiddler的代理信息(默认127.0.0.1:8888) ...

  8. LINUX下多路径的介绍和安装配置(测试未写完)

    一.什么是多路径 普通的电脑主机都是一个硬盘挂接到一个总线上,这里是一对一的关系.而到了有光纤组成的SAN环境,或者由iSCSI组成的IPSAN环境,由于主机和存储通过了光纤交换机或者多块网卡及IP来 ...

  9. 0基础自学php教程

    轻松搞定网页设计之html 一.HTML介绍 1. HTML概念 HTML(Hyper Text Markup Language),即超文本标记语言.是目前网络上应用最为广泛的语言,是构成网页文档的主 ...

  10. JVM内存管理之GC简介

    为何要了解GC策略与原理?        原因在上一章其实已经有所触及,就是因为在平时的工作和研究当中,不可避免的会遇到内存溢出与内存泄露的问题.如果对GC策略与原理不了解的情况下碰到了前面所说的问题 ...