最近在使用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. iOS开发之html解析

    使用XPath解析html 可以从此处https://github.com/topfunky/hpple下载工程,将TFHpple.h,TFHpple.m,TFHppleElement.h,TFHpp ...

  2. windows常用的命令行操作

    1.切换当前目录 cd 路径 --change directory 2.创建目录 mkdir ‘文件名’ --make directory touch '文件名' --创建文件(多个文件用,分隔) 3 ...

  3. Web应用程序开发知识点回顾

    asp.net 1.<%@ Page Language="C#"AutoEventWireup="true" CodeFile="Home.as ...

  4. linux 系统下配置tomcat,并给tomcat赋予最高操作权限,启动tomcat和关闭tomcat

    配置tomcat服器 sudo chmod -R 777 * 给某个文件下所有文件赋予最高的读写权限 红颜色的字是路径,蓝颜色字是命令 (1)官方网站下载tomcat压缩包.apache-tomcat ...

  5. bzoj1503[NOI2004]郁闷的出纳员——Splay

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=1503 好奇怪呀!为什么而TLE? 各种修改终于卡时过了.可是大家比我快多了呀?难道是因为自己 ...

  6. Linux下使用locale命令设置语言环境

    locale命令设置语言环境 在Linux中通过locale来设置程序运行的不同语言环境,locale由 ANSI C提供支持.locale的命名规则为_.,如zh_CN.GBK,zh代表中文, CN ...

  7. js 理解闭包

    学习Javascript闭包(Closure) 引用: 阮一峰 http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures. ...

  8. 解决近期linux下yum更新出现HTTP Error 404 NOT FOUND错误的办法

    本文转载自:http://tech.lezi.com/archives/47 最近两天使用yum的163源,出现404错误 [root@localhost yum.repos.d]# yum make ...

  9. 操作系统-服务器-百科:Nginx(engine X)

    ylbtech-操作系统-服务器-百科:Nginx(engine X) Nginx (engine x) 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器.Nginx ...

  10. 解决easyui jQuery JS的for循环调用ajax异步问题

    由于JS的for循环与ajax非同步运行,因此导致for循环结束了而ajax却还未执行,解决此方法有两种 1.设置ajax参数async为false,即与js同步,默认是true(异步). 这里首先引 ...