最近在使用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. bzoj 4447 小凸解密码

    bzoj 4447 小凸解密码 先将原始状态的 \(B\) 处理出来,可以发现,若不修改,则每次指定的起始位置不同,对这个环 \(B\) 带来的影响只有 \(B_0\) 不同,即每次 \(B_0=A_ ...

  2. A Corrupt Mayor's Performance Art

    Corrupt governors always find ways to get dirty money. Paint something, then sell the worthless pain ...

  3. {Notes}{LaTeX}{enumerate}

    \usepackage{enumerate} \begin{enumerate}{(1)} \setcounter{enumi}{2} % begin with 2 \item first \item ...

  4. php基础语法(变量)

    PHP常用表现形式: 1.<?php .....这里是php代码 ?> 2.<? .....这里是php代码 ?> 此形式依赖于php.ini中的一项设置: short_ope ...

  5. cacti监控linux主机时iptables阻碍了udp161端口造成无法监控解

    由于在添加linux主机时,有防火墙启用,造成无法监控linux主机,现有两种方法解决无法监控linux主机问题:可以通过在监控主机执行该命令: snmpwalk -c public -v 2c 19 ...

  6. python 有关引用的一些问题

    python 有关引用的一些问题 print id.__doc__ ​ id(object) -> integer Return the identity of an object. This ...

  7. Qt学习之秒表的实现(StopWatch) (转)

    秒表对于我来说并不陌生,在之前自己学习单片机时,实现过秒表和数字钟:基本思路:开启单片机带的定时器,并设置它没10ms溢出一次,分别用三个变量hour,minute,secong记录秒表的时分秒,然后 ...

  8. win10下启动zkui

    zkui是一个开源的zookeeper可视化工具,现在看下我们怎么启动这个工具.首先下载源码(我把它放在E:\workspace): git clone https://github.com/Deem ...

  9. python笔试面试题_视频中(待完善)

    一.选择填空题 1. 用一行代码交换a,b的值 a,b = 1,2 print(a,b) a,b = b,a print(a,b) 2. 元祖中有一个元素,有逗号则类型是元祖,无逗号则是远数据类型 t ...

  10. new与malloc的区别,以及内存分配浅析

      从函数声明上可以看出.malloc 和 new 至少有两个不同: new 返回指定类型的指针,并且可以自动计算所需要大小.比如: 1 2 3 int *p; p = new int; //返回类型 ...