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下拉框两级联动
下拉框的两级联动是我们开发中经常遇到一种情况.比如一个学生管理系统中,根据年级.科目及姓名查询学生考试成绩,年级和科目都是硬盘中的有限数据(数据库)而学生则可以有用户手动指定,这时在数据库中有年级和科 ...
随机推荐
- 《DSP using MATLAB 》示例Example6.3
代码: C0 = 0; B1 = [2 4; 3 1]; A1 = [1 1 0.9; 1 0.4 -0.4]; B2 = [0.5 0.7; 1.5 2.5; 0.8 1]; A2 = [1 -1 ...
- 《selenium2 python 自动化测试实战》(5)——键盘事件
键盘事件,就是键盘上的一些操作,比如Ctrl +C,Ctrl+V,Ctrl+X等. 对键盘的操作需要导入另一个键盘的库: from selenium.webdriver.common.keys imp ...
- 【DUBBO】dubbo架构详解(转载)
转载地址:http://shiyanjun.cn/archives/325.html Dubbo是Alibaba开源的分布式服务框架,它最大的特点是按照分层的方式来架构,使用这种方式可以使各个层之间解 ...
- 给 odoo 的 bom 明细加上位置字段
给 odoo 的 bom 明细加上位置字段 odoo 的 BOM 明细没有位置字段,这可无法用于电子生产中. 摸索了几天,找了一些教程,最终实现了. 在模型中找到 mrp_bom_line 增加自定义 ...
- IIS注册Framework4.0
打开iis,确认一下framework4.0是否已经安装. 开始->控制面板->管理工具->Internet信息服务->应用程序池(左边栏)->观察右边主界面.net f ...
- HTTP 报文首部
1.HTTP 报文首部 HTTP 协议的请求和响应报文中必定包含 HTTP 首部.首部内容为客户端和服务器分别处理请求和响应提供所需要的信息. 1)HTTP请求报文:在请求中,HTTP报文由方法.UR ...
- 高速AD中的LVDS和FPGA
通常情况下,模拟输入信号通过高速ADC的量化输出的数字信号需要交给FPGA进行处理.如果高速ADC采用LVDS输出,那么经量化处理过的数字信号将会有非常多的LVDS数据差分对.而LVDS数据接收端,接 ...
- Netty--使用TCP协议传输文件
简介: 用于将文件通过TCP协议传输到另一台机器,两台机器需要通过网络互联. 实现: 使用Netty进行文件传输,服务端读取文件并将文件拆分为多个数据块发送,接收端接收数据块,并按顺序将数据写入文件. ...
- 页面初始加载的是默认刷新一次(f5)
参考找不到了,不好意思.. 两种可以都试一下,解决问题就好了. 1.----------- <script type="text/javascript"> window ...
- java封装后引用的例子
封装好的文件: 另外一个文件引用封装文件的方法: 来源: https://www.runoob.com/java/java-encapsulation.html