मैं एक्स्टजेएस डाटाग्रिड कॉलम छुपा/दिखा रहा/चल रहा/आकार बदल रहा हूं?

Question

मैं एक ExtJS डेटाग्रिड के कॉलम डिस्प्ले (छुपा, दिखा रहा, चल रहा, आकार बदलने) में उपयोगकर्ता के परिवर्तनों को लगातार और सर्वर पर संग्रहीत करना चाहता हूं। वहाँ की घटनाओं का एक बहुत सुनने के लिए है, लेकिन ग्रिड पर ही संचालकों को पंजीकृत बुलाया जा रहा है अलर्ट में परिणाम प्रतीत नहीं होता है: (। मेरे बुनियादी दृष्टिकोण या नहीं इष्टतम भी हो सकती है)

grid.on('hide', function(event) 
     { 
     alert('Save column order: column hidden.'); 
     }); 
    grid.on('move', function(event) 
     { 
     alert('Save column order: column moved.'); 
     }); 
    grid.on('resize', function(event) 
     { 
     alert('Save column sizes: column resized.'); 
     }); 
    grid.on('show', function(event) 
     { 
     alert('Save colum order: column shown.'); 
     }); 

इन घटनाओं पर सुनने के लिए मुझे क्या ठोस रूप से करना चाहिए? मैं अलर्ट ट्रिगर किए बिना कॉलम छुपा सकता हूं, दिखा सकता हूं, स्थानांतरित कर सकता हूं और आकार बदल सकता हूं।

Answer 1

पहले, आपको state provider कॉन्फ़िगर करने की आवश्यकता है।
CookieProvider केवल एक ही है कि ExtJS

Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); 

दूसरा साथ में बनाया आता है, निशान yourGridPanel.stateful रूप true

तीसरा, पर आप GridPanel के लिए डिफ़ॉल्ट को बदलने की जरूरत है कि क्या देखने के लिए है। stateEvents
यह मूलतः कि "घटनाओं की एक सरणी है कि, जब निकाल दिया, अपने राज्य को बचाने के लिए इस घटक उत्प्रेरित करने चाहिए"

चौथा, HttpStateProvider ExtJS लेकिन Saki साथ में बनाया आने नहीं करता है एक ux (user extension) for it है ।

पांचवें, यदि आप कई घटकों में से राज्यों को सहेजना चाहते वे या तो id या stateId स्पष्ट रूप से सेट होना चाहिए।

CookieProvider में निर्मित के साथ यह काम करने के लिए एक अच्छा तरीका होगा और फिर Http Provider पर स्विच करें।

Answer 2

ग्रिड में "स्टेटफुल" नामक एक संपत्ति होनी चाहिए। इसे सही पर सेट करें और ग्रिड को कॉलम चौड़ाई, आदि को याद रखना चाहिए

Answer 3

stateful: true के साथ ग्रिड को कॉन्फ़िगर करें और stateId सेट करें (वैकल्पिक यदि आपके ग्रिड में एक आईडी है जो बदलेगी)। इसके अलावा प्रारंभ Ext.state.Manager:

var thirtyDays = new Date(new Date().getTime()+(1000*60*60*24*30)); 
Ext.state.Manager.setProvider(new Ext.state.CookieProvider({expires: thirtyDays})); 

हालांकि Ext 3 में शामिल नहीं है, तो आप एचटीएमएल 5 के localStorage बजाय कुकीज़ का उपयोग करता है कि एक राज्य प्रदाता ऑनलाइन पा सकते हैं।