easyui combogrid跨域访问

combogrid 本身跨域

.net壳里面的js跨域访问其他主机服务！

 

描述：整个后台管理系统是各个主机上的ui工程拼起来的！

其中有个系统工具栏，位于.net工程所在的主机，系统工具栏里的js需要调用订单服务里面的方法，若是单一的ajax跨域调用远程服务则很简单！

此处是easyui的combogrid需要调用远程服务！

之前使用combogrid的时候，都是指定url，然后combogrid走默认的loader方法（$.fn.combogrid.defaults.loader），这个laoder方法里面是本地ajax，无法跨域调远程服务！

分析问题。。。肯定要重写loader方法。。

于是各种百度easyui插件的扩展方法，如下：

/*扩展combogrid的ajax请求*/

$(function(){

    var Myloader = $.extend([], $.fn.combogrid.defaults.loader);

     console.log(Myloader);

      Myloader=function(param,success,error){

          $.ajax({

              url: '/api/customer/receiveCustomer',

              method: 'POST',

              xhrFields: {withCredentials: true},

              dataType: "jsonp",

              data: {customerId: $('#vipCustomerId').val()},

              jsonp: "receivevipCustomercallback",

              receivevipCustomercallback: "receivevipCustomercallback_success",

              success: function(data){

                  var con=data.list;

                  success(con);

              }

          })

      }

 

})

 

然并卵 不起作用！

又想给combogrid 增加方法，例如：

$.extend($.fn.datagrid.methods, {

    columnMoving: function (jq) {}})

 

又然并卵。。

 

之后又各种尝试，通过在谷歌浏览器的console打印 $.fn.combogrid.defaults.loader 我发现 combogrid的loader方法是直接继承datagrid的！

卧槽。。忘了easyui的插件之间的继承关系！

于是老实看api文档,发现datagrid里面可以直接定义loader属性，那么combogrid也可以直接定义loader属性，且loader属性是个function ,这个function是用来发ajax请求的！

于是拨开云雾见青天！

//客户下拉列表

$('#customerName').combogrid({

    // data:data.list,

    panelWidth: 503,

    panelHeight: 338,

    idField: 'customerId',

    textField: 'customerName',

    editable: true,

    loader:function (param,success,error) {

        $.ajax({

                url:"/api/customer/queryCustomerInStr",

                method:'post',

                xhrFields: {withCredentials: true},

                dataType: "jsonp",

                data: {q:$("#aa .textbox-value").val()},

                jsonp: "queryCustomerInStrCallback",

                queryCustomerInStrCallback: "queryCustomerInStrCallback_success",

            success:function(data){

                success(data.list)

            }

 

            })

    },

    mode: 'remote',

    columns: [[

        {field: 'customerId', title: "客户id", width: 70, hidden: 'true'},

        {field: 'customerName', title: "客户名", width: 250, align: "left"},

        {field: 'registAmount', title: "注册资本(万)", width: 75, align: "left"},

        {field: 'orderNumber', title: "成交数", width: 45, align: "left"},

        {

            field: 'isGet', title: "操作", width: 40, align: "left",

            formatter: function (value, row, index) {

                if (value == 1)

                    return "<a href=\"javascript:Receiving_vipCustomer()\">领取</a>";

 

                else if (value == 0)

                    return "";

                return "";

            }

        }

    ]],

    onClickRow: function (rowIndex, rowData) {

        $('#customerName').combogrid('setValue', rowData.customerName);

        $('#vipCustomerId').val(rowData.customerId);

    }

});

 

 

 

一开始是参照历史代码：

// $.ajax({

//     url:"/api/customer/queryCustomerInStr",

//     method:'post',

//     xhrFields: {withCredentials: true},

//     dataType: "jsonp",

//     data: {q:$("#aa .textbox-value").val()},

//     jsonp: "queryCustomerInStrCallback",

//     queryCustomerInStrCallback: "queryCustomerInStrCallback_success",

//     success: function (data) {

//         if (data.success == '1') {

            //客户下拉列表

            $('#customerName').combogrid({

                // data:data.list,

                panelWidth: 503,

                panelHeight: 338,

 

用ajax跨域请求得到的数据塞给combagrid！ 但是这样的话combogrid就失去意义了！。。交互各种差！