extjs - मुख्य अनुप्रयोग व्यूपोर्ट लोड से पहले लोड करें




extjs4 (2)

मैं एक समस्या में भाग रहा हूँ, मेरे पास एक दुकान है जिसे मुझे अपने अनुप्रयोग देखें पोर्ट से पहले लोड करने की जरूरत है। लेकिन जब मेरे पास है

autoCreateViewPort : true

मेरा स्टोर व्यूपोर्ट के बाद लोड होता है जो काम नहीं करेगा। मेरे अनुप्रयोगों व्यूपोर्ट प्रस्तुत किए जाने से पहले मुझे वर्तमान उपयोगकर्ता मॉडल या स्टोर को लोड करना होगा। चूंकि मेरा व्यूपोर्ट लोड पैनल, स्टोर से डेटा का उपयोग करता है। शो पर कोई भी विचार मैं यह सुनिश्चित कर सकता हूं कि एप्लिकेशन व्यू-पोर्ट बनाया और प्रदर्शित होने से पहले स्टोर लोड होता है?


Answers

आप एक Ext.onReady ब्लॉक सम्मिलित कर सकते हैं और उसके भीतर

  • स्टोर बनाएं
  • एक फ़ंक्शन बनाते हैं और उस समारोह के भीतर अपने Ext.application निर्माण करते हैं
  • स्टोर के load ईवेंट में एक श्रोता को संलग्न करें, विकल्प { single: true } और कॉलबैक के रूप में ऊपर के फ़ंक्शन के साथ

मैंने इसे कभी भी परीक्षण नहीं किया, लेकिन यह काम करना चाहिए

एक अन्य (और सुझाए गए) विकल्प आपके स्वयं के व्यूपोर्ट का उपयोग करना है और उसमें स्टोर लोड करना है वहां आप लोड ऑपरेशन को उसी तरह ट्रैक कर सकते हैं


जब मैं एक और चीज कर रहा हूं तो मुझे एक और तरीका भी मिला है;

कॉलम परिभाषा में:

{
    dataIndex: 'invoicePrintedFlag', 
    header: 'Fatura',
    width: 50,
    renderer : function(value, metadata, record) {
        if (record.get('invoiceAddressId') != null){
            metadata.tdCls = metadata.tdCls +" alertedCell";
        }

        return '<span class="iconbox icon-'+ value +'"></span>';
    }
}

यदि आप पूरी तरह से सेल में हेरफेर करते हैं तो आप renderer उपयोग कर सकते हैं, यहां metadata आता metadata :

metadata: Object {tdCls: "", style: ""} 

यदि आप शैली का उपयोग करते हैं तो इसे टीडी के अंदर सामग्री डीवी में जोड़ा जाएगा

<td class=" x-grid-cell x-grid-cell-gridcolumn-1067" id="ext-gen1432">
    <div unselectable="on" class="x-grid-cell-inner x-unselectable" style=" text-align: left;" id="ext-gen1426">
    // Content comes here
    </div>
</td>

यदि आप tdCls उपयोग tdCls , तो इसे टीडी के वर्ग tdCls जोड़ा जाएगा

<td class=" x-grid-cell x-grid-cell-gridcolumn-1067   alertedCell " id="ext-gen1462">
    <div unselectable="on" class="x-grid-cell-inner x-unselectable" style="; text-align: left;" id="ext-gen1463">
    // Content comes here
    </div>
</td>

आप चाहें तो एचटीएमएल वापस कर सकते हैं।