1. 程式人生 > >KendoUI的顯示隱藏列AND排序

KendoUI的顯示隱藏列AND排序

  對於kendoUI的顯示隱藏模組呢,它的hidden 屬性是true或者false ,所以給他賦值必須是bool型別的,這樣可以確保一致性,那麼它的顯示和隱藏的觸發條件還是可以用 的hidden = t.w == null ? false : t.w.style_name == null ? false : t.w.style_name== "display:none"?true:false,以此類推,可以得知很多kendoUI自帶功能的屬性,如果獲取或者賦值必須一致,這樣就可以能用它自帶的觸發條件了對於排序模組,就是通過   
 sort:result.Data.columns, 這個屬性就可以把查詢出的結果取排序



//路徑1
  var url =
      IndexPager.apiUrl +
      "action=Search" +
      "&name=" +
      window.RptName +
      "&entity=" +
      window.RptEntity;
 
//路徑2
    var url2 =
    IndexPager.apiUrl +
    "action=change_uri" +
    "&FunctionID=" +window.FunctionID+
    "&name=" +window.RptName
   ;
    $.showCover();

    $.ajax({
        url: url,
        dataType: "json",
        type: "post",
        data: {
          FunctionID: window.FunctionID
        }
      })
      .done(function (result) {
        if (result.IsSuccess) {
          if (!result.Data.columns) return;

          IndexPager.grid.setOptions({//獲取columns
            columns: result.Data.columns
          });

          IndexPager.gridDataSource = new kendo.data.DataSource({
            transport: {
              read: {//通過路徑獲取資料來源
               //   url: result.Data.url,
                  url: url2+ "&oldurl=" + result.Data.url,
                dataType: "jsonp"
              }
            },
            sort:result.Data.columns,//按照制定的排序規則排序
            schema: result.Data.schema,
            type: "odata",
            serverPaging: true,
            serverSorting: true,
            serverGrouping: true,
            serverFiltering: true,
            pageSize: 10
          });
            //在這裡進行傳送了請求
          IndexPager.grid.setDataSource(IndexPager.gridDataSource);//給kendoUI grid賦值

        } else {
          $.showNotification(result.Message, "error");
        }
      })
      .always($.hideCover);