EasyUI 常见问题

datagrid
数据要求格式{"rows":[],"total":"0"}
 
datagrid重复加载
datagrid首次不加载数据的场景下，默认不设置URL，在点击查询按钮时再添加url，这个时候附加查询参数不用使用load方法，否则会重复提交。将查询参数转换成url字符串添加在URL后面可以解决这个问题。
var data = getQueryParams();
$("#tb_List").datagrid("clearSelections"); 
$("#tb_List").datagrid({ url: "/FinanceOwner/GetPriceCheckData.html?" + parseParam(data) });

 

datagrid分页控件

var p = $('#grid1').datagrid('getPager');
 p.pagination({
　　　　 onSelectPage:function(pageNumber, pageSize){            
    }
});
 
datagrid 汇总：
{"total":1,"rows":[{"id":1,"name":"Chai","price":18.00}],"footer":[{"name":"Total","price":18.00}]}

要使用合计行必须设置showFooter为true：

 
datagrid更改每页显示行数时修改显示高度
fit自适应高度设置为false，height不设置即可
var page = $(grid1ID).datagrid('getPager');
page.pagination({
   onChangePageSize: function (pageSize) {
   　　$(grid1ID).datagrid('resize', {
　　　　　　height: pageSize *26+26+32//每页行数*每行高度+列头高度+列尾高度
        });
    }
});
 
Datagrid高度自适应属性：fit。
自适应后使用的高度是父级元素的高度。
如果想要撑满整个页面，需要搭配Layout布局，并且Layout布局也需要是fit自适应。否则会和分页控件冲突，导致其隐藏不显示。
 
Datagrid多选排序multiSort属性
设置的默认排序sortName必须在已展现的并且可排序的列中。1.43版本
 
本土化显示中文
<script src="/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
 
Layout布局
全局自适应，应该在Body标签上定义。
 
combotree多选
<select id="cc" class="easyui-combotree" data-options="url:'tree_data1.json',method:'get'" multiple style="width:200px;"></select>
 
Tabs
内嵌网页建议使用content属性嵌套Iframe
$("#tabList").tabs( "add", {
                                title: title,
                                fit: true,
                                selected: true,
                                content: '<iframe scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></iframe>',
                                closable: true
                            });

 

tab iframe 滚动条 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

 

tabs自适应，需定义在外面，定义在data-options无效-1.4.3版本

<div id="tt" class="easyui-tabs" fit="true">
    <div title="Tab1" style="padding:20px;display:none;">
    tab1fsfsdff
    </div>
</div>

 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
posted @ 2017-06-28 16:47  窗口那熊猫  阅读(129)  评论(0)    收藏  举报