javascript - ExtJs में पंक्ति शीर्षकों की कार्यक्षमता कैसे प्राप्त करें?




json matrix extjs4 (3)

तो, आपके ग्रिड में तीन कॉलम होंगे:

columns:[{
    dataIndex:'rowHeader'
},{
    text:'Column 1',
    dataIndex:'column1'
},{
    text:'Column 2',
    dataIndex:'column2'
}]

और मॉडल fields:['rowHeader','column1','column2'] साथ एक स्टोर से डेटा लोड करें fields:['rowHeader','column1','column2']

जो कि, अगर यह एक जेएसओएन स्टोर है, तो यह अपेक्षा करता है कि डेटा को प्रारूप में सर्वर द्वारा प्रस्तुत किया जाए

{success:true,data:[
    {rowHeader:'RowHeader 1',column1:'',column2:''},
    {rowHeader:'RowHeader 2',column1:'',column2:''},
    {rowHeader:'RowHeader 3',column1:'',column2:''}
]}

यदि आप उस डेटा को प्रदर्शित करना चाहते हैं जो उस से अन्य प्रारूपों में आता है, उदाहरण के लिए अक्सर विरल मैट्रिक्स के लिए प्रारूप का उपयोग किया जाता है:

{rowHeader:'RowHeader 1',columnHeader:'ColumnHeader 1',value:''},
{rowHeader:'RowHeader 2',columnHeader:'ColumnHeader 1',value:''},
{rowHeader:'RowHeader 3',columnHeader:'ColumnHeader 1',value:''},
{rowHeader:'RowHeader 1',columnHeader:'ColumnHeader 2',value:''},
{rowHeader:'RowHeader 2',columnHeader:'ColumnHeader 2',value:''},
{rowHeader:'RowHeader 3',columnHeader:'ColumnHeader 2',value:''},
{rowHeader:'RowHeader 1',columnHeader:'ColumnHeader 3',value:''},
{rowHeader:'RowHeader 2',columnHeader:'ColumnHeader 3',value:''},
{rowHeader:'RowHeader 3',columnHeader:'ColumnHeader 3',value:''}

आपको डेटा को पूर्ववत प्रारूप में मैन्युअल रूप से ट्रांसफ़ॉर्म करना होगा, क्योंकि एक्स्टजेस ग्रिड किसी भी प्रारूप को संसाधित नहीं कर सकता है जिसमें प्रति पंक्ति एक रिकॉर्ड नहीं है।

यदि आप जानना चाहें कि रोहाइडर की कोशिकाओं को हेडर कैसे दिखें:

असल में, यह एक tdCls परिभाषित करने के लिए नीचे आता है, और संभवतः भी एक रेंडरर, स्तंभ पर। आप http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.column.Column-cfg-tdCls और http: // पर एपीआई डॉक्स पर नजर रखना चाहते हैं। docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.column.Column-cfg-renderer

फिर, http://skirtlesden.com/articles/styling/extjs-grid-cells पर कैसे करें शैली ExtJS ग्रिड सेल गाइड है

मैं नीचे प्रस्तुत चित्रण जैसा कुछ प्रस्तुत करना चाहता हूं:

+-----------------+------------+---------------+
|                 |  Column 1  |    Column 2   |
+------------------------------+---------------+
|  Row Header 1   |    ...     |               |
+------------------------------+---------------+
|  Row Header 2   |            |               |
+------------------------------+---------------+
|  Row Header 3   |            |               |
+----------------------------------------------+

मैं स्तंभ शीर्षकों को प्राप्त करने के तरीके को समझता हूं, साथ ही बहुत सारे दस्तावेज उपलब्ध हैं I जैसे http://docs.sencha.com/extjs/4.2.3/extjs-build/examples/build/KitchenSink/ext-theme-neptune/#grouped-header-grid

लेकिन मैं पंक्ति शीर्षकों के लिए एक नहीं मिल सका। मैं इसे कैसे प्राप्त कर सकता हूं और जेसन फाइल से कहता हूं कि पंक्ति और स्तंभ विशेषताओं से संबंधित डेटा प्रस्तुत करना है?


यदि आपके पास एक निश्चित JSON संरचना नहीं है, तो आपको स्कीमा भेजना होगा। मैं एक grid.reconfigure प्रारूप का उपयोग करने की सिफारिश करता हूं जो कि ग्रिड के लिए तैयार-खाने के लिए है। grid.reconfigure

{"schema":[{dataIndex:'t1',name:'T1'}],"data":[{t1:'Val'},{t1:'Valo'}]}

अब आप इसे स्टोर में सीधे लोड नहीं करेंगे, लेकिन Ext.Ajax.request उपयोग करें, फिर स्टोर तैयार करें (स्कीमा से फ़ील्ड के साथ एक नया बनाएं) और ग्रिड (ग्रिड। grid.reconfigure(columns,store) ), भंडार का उपयोग करते हुए स्टोर में डेटा डालने से पहले।


यदि आप URI.js पार्स करने से अधिक यूआरएल मैनिपुलेशन कर रहे हैं, तो आप URI.js सहायक पा सकते हैं। यह यूआरएल में हेरफेर करने के लिए एक पुस्तकालय है - और सभी घंटियाँ और सीटी के साथ आता है। (यहां स्वयं विज्ञापन के लिए खेद है)

अपनी क्वेरीस्ट्रिंग को मानचित्र में कनवर्ट करने के लिए:

var data = URI('?foo=bar&bar=baz&foo=world').query(true);
data == {
  "foo": ["bar", "world"],
  "bar": "baz"
}

(URI.js भी खराब क्वेरीस्ट्रिंग को "ठीक करता है" जैसे ?&foo&&bar=baz& to ?foo&bar=baz )





javascript json extjs matrix extjs4