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){
- <span style="white-space:pre"> </span>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);\" "
- + "onclick=\"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);\" "
- + "onclick=\"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,记录,以后忘了还可以看看!
easyui datagrid combobox下拉框获取数据问题的更多相关文章
- easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法
easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库&quo ...
- 关于easyui combobox下拉框实现多选框的实现
好长时间没有更博了,一是因为最近真的比较忙,二是因为自己是真的偷懒了,哈哈 好啦,这篇博客主要是总结一些关于easyui combobox下拉框实现多选框的实现,包括前台界面的展示,和后台对数据的获取 ...
- 从后台绑定数据到ligerui 的comboBox下拉框组件
这次来记录一下ligerUI的comboBox下拉框组件,ligerUI的API里也有相关描写叙述,上面都是前台写死数据,然后显示在组件中,我这次要说的是将后台的数据绑定到下拉框组件中,废话不多说. ...
- easyui combobox下拉框复制后再禁用,点击不会出现下拉框
easyui combobox下拉框禁用,点击不会出现下拉框 需要做到,在给easyui combobox赋值后,再禁用easyui combobox 解决办法: $("#time-sele ...
- Python+selenium之获取文本值和下拉框选择数据
Python+selenium之获取文本值和下拉框选择数据 一.结合实例进行描述 1. 实例如下所示: #新增标签操作 def func_labels(self): self.driver.find_ ...
- easyUI combobox下拉框很长,easyUI combobox下拉框如何显示滚动条的解决方法
如下图,combobox下拉框里内容很多时,会导致下拉框很长,很不美观. 如何使得combobox下拉框显示滚动条 方法:把属性panelHeight:"auto"注释掉即可. $ ...
- 自绘制HT For Web ComboBox下拉框组件
传统的HTML5的下拉框select只能实现简单的文字下拉列表,而HTforWeb通用组件中ComboBox不仅能够实现传统HTML5下拉框效果,而且可以在文本框和下拉列表中添加自定义的小图标,让整个 ...
- 由于抽签HT For Web ComboBox下拉框组件
传统HTML5的下拉框select仅仅能实现简单的文字下拉列表,而HT for Web通用组件中ComboBox不仅可以实现传统HTML5下拉框效果,并且可以在文本框和下拉列表中加入自己定义的小图标, ...
- Combobox下拉框两级联动
下拉框的两级联动是我们开发中经常遇到一种情况.比如一个学生管理系统中,根据年级.科目及姓名查询学生考试成绩,年级和科目都是硬盘中的有限数据(数据库)而学生则可以有用户手动指定,这时在数据库中有年级和科 ...
随机推荐
- bzoj 4447 小凸解密码
bzoj 4447 小凸解密码 先将原始状态的 \(B\) 处理出来,可以发现,若不修改,则每次指定的起始位置不同,对这个环 \(B\) 带来的影响只有 \(B_0\) 不同,即每次 \(B_0=A_ ...
- A Corrupt Mayor's Performance Art
Corrupt governors always find ways to get dirty money. Paint something, then sell the worthless pain ...
- {Notes}{LaTeX}{enumerate}
\usepackage{enumerate} \begin{enumerate}{(1)} \setcounter{enumi}{2} % begin with 2 \item first \item ...
- php基础语法(变量)
PHP常用表现形式: 1.<?php .....这里是php代码 ?> 2.<? .....这里是php代码 ?> 此形式依赖于php.ini中的一项设置: short_ope ...
- cacti监控linux主机时iptables阻碍了udp161端口造成无法监控解
由于在添加linux主机时,有防火墙启用,造成无法监控linux主机,现有两种方法解决无法监控linux主机问题:可以通过在监控主机执行该命令: snmpwalk -c public -v 2c 19 ...
- python 有关引用的一些问题
python 有关引用的一些问题 print id.__doc__ id(object) -> integer Return the identity of an object. This ...
- Qt学习之秒表的实现(StopWatch) (转)
秒表对于我来说并不陌生,在之前自己学习单片机时,实现过秒表和数字钟:基本思路:开启单片机带的定时器,并设置它没10ms溢出一次,分别用三个变量hour,minute,secong记录秒表的时分秒,然后 ...
- win10下启动zkui
zkui是一个开源的zookeeper可视化工具,现在看下我们怎么启动这个工具.首先下载源码(我把它放在E:\workspace): git clone https://github.com/Deem ...
- python笔试面试题_视频中(待完善)
一.选择填空题 1. 用一行代码交换a,b的值 a,b = 1,2 print(a,b) a,b = b,a print(a,b) 2. 元祖中有一个元素,有逗号则类型是元祖,无逗号则是远数据类型 t ...
- new与malloc的区别,以及内存分配浅析
从函数声明上可以看出.malloc 和 new 至少有两个不同: new 返回指定类型的指针,并且可以自动计算所需要大小.比如: 1 2 3 int *p; p = new int; //返回类型 ...