随笔分类 -  EasyUI

EasyUI使用教程总结
摘要:最近项目中需要跨域调用其他项目的数据,其他项目也是使用的EasyUI的datagrid组件,开始以为直接在datagrid的url属性定义为其他项目的url地址即可,可是测试下发现的确是返回了json数据但是json数据提示“invalid label” 错误,网上搜索了下错误解决办法,参考 “JavaScript处理Json的invalid label错误解决办法“的方法利用datagrid的loadData方法加载并转换了json还是提示上述错误,感觉原因不在格式问题。搜索了下JavaScript跨域调用的文章“JavaScript跨域访问问题解决方法”得到启发,发现原来是因为easyUI 阅读全文
posted @ 2012-03-14 15:02 mikel 阅读(3600) 评论(1) 推荐(1) 编辑
摘要:最近项目中遇到datagrid数据需要再form加载完成后根据具体的商品显示页脚footer合计数量的问题,页面初始化的时候不加载datagrid数据,初始化完成后需要读取form中的项目值然后加载对应的数据到datagrid中,问题代码如下:$('#grid').datagrid({ showFooter:true});$('#form').form({ onLoadSuccess:function(data){ //datagrid $('#grid').datagrid({ url:'/grid/getData?id='+$ 阅读全文
posted @ 2011-12-16 13:26 mikel 阅读(11008) 评论(1) 推荐(1) 编辑
摘要:最近涉及到treegrid组件的查询,需要根据查询条件动态更新EasyUI的treegrid组件的动态加载查询结果,搜遍了treegrid源码和文档发现treegrid是扩展自datagrid和tree的,不过以往利用datagrid的reload方法加参数的方式加载查询结果数据,可是treegrid却只执行reload不能加载带参数的查询结果,可能是做了限制,如下代码不能加载查询结果:[js]<table id='treegrid' class='easyui-treegrid' url='/User/List'></tabl 阅读全文
posted @ 2011-12-07 09:47 mikel 阅读(3143) 评论(2) 推荐(1) 编辑
摘要:需要实现EasyUI的datagrid组件加入选择checkbox列,并提交后台批量添加的功能,页面代码如下:[js]<script language="javascript" type="text/javascript"> $(function() { //searchbox $('#selectgoods-keywords').searchbox({ searcher: function(val, name) { searchInfo(val); } }); //datagrid $('#selectgoods-g 阅读全文
posted @ 2011-12-05 14:33 mikel 阅读(1868) 评论(0) 推荐(0) 编辑
摘要:最近做订单处理,需要汇总订单明细的数量和金额,所以涉及到使用EasyUI的Datagrid组件的页脚汇总功能,先看了一下官方教程,如下:Tutorial » Displaying Summary Information in DataGrid's FooterIn this tutorial, we will show you how to display the summary rows in the footer of datagrid.View DemoTo display footer row, you should set the showFooter proper 阅读全文
posted @ 2011-11-29 15:16 mikel 阅读(3171) 评论(0) 推荐(1) 编辑
摘要:原文地址:www.mikel.cn最近需要实现对treeGrid的查询功能,具体查询界面如下:可以查询根节点和具体子节点的信息,开始使用EasyUI的TreeGrid的loadData 加载url的方式不能实现查询功能,于是利用异步AJAX查询了一下数据返回后,赋值给变量,然后利用TreeGrid的loadData加载这个json格式的返回结果实现了对TreeGrid的查询功能,代码如下: function searchROM() { var product = $('#Product').combobox('getValue'); var keytype =. 阅读全文
posted @ 2011-11-16 10:27 mikel 阅读(3852) 评论(3) 推荐(0) 编辑
摘要:自定义ASP.NET MVC JsonResult序列化结果自定义ASP.NET MVC 控制器和JsonResult类最近项目中前台页面使用EasyUI的jQuery插件开发中遇到,EasyUI Form中的Datebox组件绑定ASP.NET MVC返回的DateTime类型的数据错误,因为ASP.NET MVC返回的DateTime类型的JsonResult的结果中的值是"\/Date(277630788015)\/",于是EasyUI显示的就是返回的值,没有将日期转换,直接显示在DateBox组件中,解决这个问题其实有两种办法:扩展EasyUI的datebox组件的 阅读全文
posted @ 2011-11-03 10:27 mikel 阅读(2479) 评论(0) 推荐(1) 编辑
摘要:程序要求:jQuery EasyUI 插件:http://www.jeasyui.com/download/index.php具体内容:引用部分代码:<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="../themes/icon.css"><link rel= 阅读全文
posted @ 2011-10-29 16:48 mikel 阅读(9590) 评论(8) 推荐(0) 编辑

点击右上角即可分享
微信分享提示