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

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加载完成的方法里面,否则初始化渲染要等这个方法执行完,

猜你喜欢

转载自blog.csdn.net/xu2034029667/article/details/80395596