您的位置:首页 > Web前端

datagrid数据更新,及联动其它前端组件,添加数据方式,总结(三:datagrid方法,有多种参数形式,以及注意:datagrid的resize方法,不要放在onLoadSuccess里面,)

2018-05-21 18:06 573 查看

1.0  $("#dg").datagrid("loadData", data);

//很好用,当datagrid,采用如下方式,数据没有更新的时候,用loadData,非常管用

$('#dg').datagrid('options').url = "/Service/jjfx.ashx?Method=List_setSelect";

            $("#dg").datagrid('reload');

2.0

$.ajax({
type: "post",
dataType: "json", traditional: true,
url: "/Service/Customer.ashx?Method=List_yejipaimig",
async: true,//表示同步执行
beforeSend: function (data) {
// //开启“加载等待”
$("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%", height: $(window).height() }).appendTo("body");//等待效果显示在wnavt控件
$("<div class=\"datagrid-mask-msg\"></div>").html("数据加载中......").appendTo("body").css({ display: "block" ,left:"46%"});
//上同。。。。。加载完成时...
//关闭“加载等待”

//top.$.messager.show({ title: '提示', msg: data, height: '120px', style: { right: '', bottom: '' }});
},
success: function (data) {
常常使用,手动写一个弹出层,提示正在加载,关键类 \"datagridid-mask ,

$("body").find("div.datagrid-mask-msg").remove();
                    $("body").find("div.datagrid-mask").remove();

3.0

 onLoadSuccess: function () {
                    //$('#dg_kh').datagrid('resize', {
                    //    height: $("#div2").height() - 30
                    //});
                    //$(window).resize(function () {
                    //    $('#dg_kh').datagrid('resize', {
                    //        height: $("#div2").height() - 30
                    //    });
                    //});
                    $("body").find("div.datagrid-mask-msg").remove();
                    $("body").find("div.datagrid-mask").remove();

                },


!!!在ie下面,resize方法,执行效率十分地下,非常影响性能,不要放在datagrid加载完成的方法里面,否则初始化渲染要等这个方法执行完,

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐