将子网格附加到kendo ui网格时，为什么过滤器功能不起作用？

编程问答 2022-06-12

问题描述

我有两个这样的数据

var dsPO = [
    {"id":16182,"order_year":2020,"order_week":23,"vendor_name":"Ada"},{"id":16183,"order_week":24,"vendor_name":"Ada"}
    ];
    
var dsPODT = [
    {"id":16182,"sku":"AX59","title":"Universal Hammock red","quantity":463,"fob_price":25.29,"amount":11709},{"id":16182,"sku":"KGWK","title":"Universal Hammock Orange","quantity":30,"fob_price":28.5,"amount":855}
    ];

然后我的代码如下所示

 $(document).ready(function() {
    var element = $("#gridPO").kendoGrid({
     columns:
                [
                    {title: "ID",field: "id",width:ColWitdh},{title: "Order Year",field: "order_year",{title: "Order Week ",field: "order_week",width:ColWitdh },{title: "vendor Name",field: "vendor_name",width:ColWitdh }
                ],dataSource: {
                 data: dsPO,},scrollable: true,width: 'auto',height: 900,selectable: true,pageable: true,detailInit: detailInit
        });
    
    function detailInit(e)
    {
         $("<div/>").appendTo(e.detailCell).kendoGrid({
    
            dataSource:
            {
             data: dsPODT,serverPaging: true,serverSorting: true,serverFiltering: true,pageSize: 5,filter: { field: "id",operator: "eq",value: e.data.id },columns:
               [
                { field: "id",width: "50px" },{ field: "sku",{ field: "title",title: "title",width: "250px" },{ field: "quantity",title: "quantity",width: "70px" },{ field: "fob_price",title: "fob price",{ field: "amount,",title: "amount",width: "80px" }
              ]
            },scrollable: false,sortable: false,}).data("kendoGrid");
      }
    });

运行后，当我单击按钮以展开网格细节时， 它显示所有PO的所有PO详细信息，未按PO ID过滤 就像下面的图片

enter image description here

请帮助我修复

预先感谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

appenddetailsfilterfiltergridgrid