easyUI的表单查询（转成json并绑定到datagrid上）_sirdean的博客-程序员秘密

在BOS项目学习过程中使用了easyUI框架，数据基于数据表格显示出来


$('#grid').datagrid( {
    iconCls : 'icon-forward',
    fit : true,
    border : false,
    rownumbers : true,
    striped : true,
    pageList: [30,50,100],
    pagination : true,
    toolbar : toolbar,
    url : "../../area_pageQuery",
    idField : 'id',
    columns : columns,
    onDblClickRow : doDblClickRow
});

通过指定URL从area_pageQuery.action处获得json格式的数据然后显示出来。

在进行数据查询时，如果直接向action发送请求，返回的查询结果仍需要通过数据表格显示，所以考虑将查询表单中的查询条件加载到表格数据中，然后又表格数据发送请求。

1·将查询表单的数据转成json格式，这是因为数据表格只能加载json格式的数据

// 自定义的方法，将form表单的数据转换为json格式
$.fn.serializeJson=function(){  
    var serializeObj={};  
    var array=this.serializeArray();  
    var str=this.serialize();  
    $(array).each(function(){  
        if(serializeObj[this.name]){  
            if($.isArray(serializeObj[this.name])){  
                serializeObj[this.name].push(this.value);  
            }else{  
                serializeObj[this.name]=[serializeObj[this.name],this.value];  
            }  
        }else{  
            serializeObj[this.name]=this.value;   
        }  
    });  
    return serializeObj;  
};

2.数据表格加载表单数据

// 为查询按钮添加事件
  $("#searchBtn").click(function(){

  	// 将表单数据转换为json格式
  	var params = $("#searchForm").serializeJson();

  	// 数据表格加载参数
  	$("#grid").datagrid('load',params);

  	// 关闭查询窗口
  	$("#searchWindow").window('close');
  })

以上查询表单的数据就加载到了数据表格中，查询结果也可以直接显示出来。

本文链接：https://blog.csdn.net/sirdean/article/details/81167701

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

处理原始scRNA-Seq测序数据：从reads到计数矩阵_scrnaseq 原始数据处理流程_hi生信的博客-程序员秘密

参考基因组及其注释大多数scRNA-seq实验是使用人类或小鼠组织、器官或细胞培养物进行的。尽管这些基因组的初稿是在20年前发表的，但组装和注释的更新是相当定期的。有两个流行的组装文件来源： UCSC（他们的汇编被命名为hg19、hg38、mm10等），和GRC（GRCh37、GRCh38、GRCm38）。

常用的一句话反弹shell总结_python一句话反弹shell_橘子女侠的博客-程序员秘密

目录常用的一句话反弹shell总结1. bash直接反弹2. python一句话反弹shell3. python脚本反弹shell4. php一句话反弹shell5. php脚本反弹shell6. 使用nc命令获取靶机的反弹shell；7. 使用Kali自带的脚本文件获取反弹shell8. 使用msfvenom 获取一句话反弹shell常用的一句话反弹she...

AutoJs4.1.0实战教程---源码大放送_基于auto.js的京东助手源码_MonkT的博客-程序员秘密

源码地址：https://pan.baidu.com/s/1XWvUxdZu3OOWnFGTPK5_Mg 密码:e7p4奋斗了60个日夜终于算有点小成果，薅羊毛代码99%都是我原创，60天的努力老铁给点支持，小弟谢过了。代码包含：薅羊毛UI版全部源代码可直接打包；29个小视频源码；7个走路签到领金币源码；8个故事类源码；9个综合类源码。 50 多个源码一次让您成为 AutoJs 高手，高手...

ios免费开源接口_欣麒骥的博客-程序员秘密

[+]音乐接口地图接口IP接口手机信息查询接口视频信息接口翻译词典接口ios 开源免费接口国家气象局提供的天气预报接口接口地址：http://www.weather.com.cn/data/sk/101010100.htmlhttp://www.weather.com.cn/data/cityinfo/101010100.htmlhttp://m

Origin 绘制分段函数图_origin画分段函数_今天你比昨天博学了吗的博客-程序员秘密

Origin 绘制分段函数图绘图–>函数图–>2D函数图设置函数参数：x的单位是0到2*pi，取100个点，y=sin(x)注：输入函数时需要切换到英文输入法鼠标点击工作簿，重复第一步的操作，设置下一个函数回到函数F1图像，点击图层内容（或直接点击F12）选中F2，点击添加绘图即可分段函数绘制完成，结果如下图（根据实际需要对坐标范围进行调整） origin还可以根据函数图像导出数据集，选中需要的函数图像，右键，创建数据集副本即可数据集

小红书校招启动，计算机视觉算法实习生，可转正_我爱计算机视觉的博客-程序员秘密

关注公众号，获取更多AI领域发展机会工作职责『岗位名称』计算机视觉算法实习生（实习生/校招），优秀实习生提供转正机会开发与部署深度学习、图像视频理解、多模态融合、大规模信息检索等方向先进...