ग्रिड एक

Question

में एकाधिक कॉलम कैसे रखें I मैं एक कॉलो ग्रिड कॉलम में दो स्तंभों को जोड़ने की कोशिश कर रहा हूं। नीचे काम नहीं लग रहा है।

var grid = $("#grid").kendoGrid({ 
       dataSource: { data: SomeData }, 
       columns: [{ 
        field: "Column1" + "Column2" 
       }] 

      }).data("kendoGrid"); 

Answer 1

आप सेल तुम क्या बना कोशिकाओं या रचना के रूप में जाना जाता है क्या कर सकते हैं संपादित करने की जरूरत नहीं है और इसे लागू किया जाता है का उपयोग कर KendoUI template। (रचना कोशिकाओं के साथ "केंडौई ग्रिड" के लिए googling का प्रयास करें)।

उदाहरण

var leitmotifs = [ 
    { 
     company: "OnaBai", 
     leitmotif: "Working on a cloud of documents!" 
    }, 
    { 
     company: "Nike", 
     leitmotif: "Just do it!" 
    } 
]; 

var grid = $("#table").kendoGrid({ 
    dataSource: { 
     data: leitmotifs 
    }, 
    columns : [ 
     { 
      title: "Company", 
      template: "#= company + ' : ' + leitmotif #" 
     } 
    ] 
}); 

Answer 2

आप डेटा स्रोत पर schema.parse विधि पर एक नज़र किया है? आप बिना किसी समस्या वाले नए फ़ील्ड के रूप में कॉलम जोड़ सकते हैं। फिर जब आप ग्रिड में जाते हैं तो फ़ील्ड उपलब्ध होगा।

dataSource: { 
    transport: { 
    read: "things" 
    }, 
    schema: { 
    parse: function (data) { 
     // return a new collection which has a new field 
     // that adds fields 2 and 3 together 
     return $.map(data, function(item) { 
     item.field4 = item.field2 + item.field3; 
      return item; 
     }); 
    } 
    } 
} 

यहाँ एक उदाहरण है ...

http://jsbin.com/azizaz/1/edit

Answer 3

यहाँ एक अलग समाधान है कि भी, जबकि अभी भी डेटा का एक स्तंभ संरक्षण या तो मैदान पर स्वतंत्र रूप से सॉर्ट करने के लिए क्षमता प्रदान करता है।

columns: [ 
    { // cell data 
     headerAttributes: { style: "display:none;" }, 
     attributes: { colspan: 2 }, 
     template: "#= field1 # #= field2 #" 
    }, 
    { // field 1 data 
     field: "field1", 
     title: "Field 1", 
     attributes: { style: "display: none;" }, 
     template: "" 
    }, 
    { // field 2 data 
     field: "field2", 
     title: "Field 2", 
     attributes: { style: "display: none;" }, 
     template: "" 
    } 
]