ExtJS 4 RowEditing रिकॉर्ड

Question

पर आधारित एक कॉलम पर संपादन अक्षम अक्षम करें मैं पंक्तियों में से अधिकांश के लिए संपादन योग्य चार अंतिम कॉलम के साथ एक ग्रिड पैनल लागू कर रहा हूं। समस्या यह है कि मैं संपादन को अक्षम करने में सक्षम होना चाहता हूं, आइए पहले रिकॉर्ड करें अगर record.get ('status') = 4 जिसे अंतिम रूप दिया गया है और केवल दो कॉलम संपादन योग्य होना चाहिए।

क्या उन पंक्तियों के लिए संपादन दिखाने में अक्षम करने का कोई तरीका है? मैं सेल एडिटिंग का उपयोग कर ऐसा कर सकता हूं लेकिन रोइंग एडिटिंग प्लगइन का उपयोग करना चाहता हूं।

सादर, क्रिस्टियन

Answer 1

उपयोग beforeedit घटना:

grid.on('beforeedit', function(editor, e) { 
    if (e.colIdx === 0 && e.record.get('status') == 4) 
    return false; 
}); 

अद्यतन
समाधान ऊपर rowEditor लिए काम नहीं कर रहा है।
हालांकि आप beforeedit पर अक्षम होने के लिए आवश्यक फ़ील्ड बना सकते हैं। ऐसा करने के लिए आपको पंक्तिबद्ध प्लगइन तक पहुंचने में सक्षम होना चाहिए। निरुपित pluginId प्लगइन करने के लिए:

plugins: [ 
    Ext.create('Ext.grid.plugin.RowEditing', { 
     clicksToEdit: 1, 
     pluginId: 'rowEditing' 
    }) 
], 

अब बस आवश्यक क्षेत्र को निष्क्रिय करता है, तो कुछ शर्तें पूरी की जाएं:

grid.on('beforeedit', function(editor, e) { 
    if (e.record.get('status') === 4){ 
     grid.getPlugin('rowEditing').editor.form.findField('fieldToDisable').disable(); 
    } 
    else{ 
     grid.getPlugin('rowEditing').editor.form.findField('fieldToDisable').enable(); 
    }); 

यहाँ demo है (पहली पंक्ति संपादित करने का प्रयास)।

संपादित

तो JSFiddle से काम नहीं होता, its updated version प्रयास करें।

Answer 2

(पिछले उदाहरण के आधार पर) एक वैकल्पिक तरीका संपादक की beforeedit श्रोता कॉन्फ़िगर करने के लिए है:

listeners: { 
    beforeedit: function(editor, context) { 
     var form = editor.getEditor().form; 
     var field = form.findField('column_name'); 
     var status = parseInt(context.record.data.status); 
     if(status === 4){field.disable();} else {field.enable();} 
    } 
} 

Answer 3

के बाद से @Molecular मैन जवाब बनाता विकलांग स्तंभ थोड़े अजीब जब rowediting संपादित कर रहा है मैं एक और तरीका है के बारे में सोचा देखो यह सही दिखता है। आपको बस इतना करना है एक समारोह, कि उदाहरण के लिए हो सकता है बनाने के है:

var grid = Ext.create('Ext.grid.Panel', { 
    plugins: [grid_rowEditing], 
    store: store, 
    columns: [ 
    { 
     text  : 'Name', 
     dataIndex: 'name', 
     field : fieldFormat() 
    }] 
}); 

और जब isGuest सत्य है:

function fieldFormat() { 
    if(isGuest) { 
     return null; //is not editable 
    } else { 
     //how you want the column's field config to be formated 
     var json = Ext.JSON.decode("{xtype: 'textfield',maxLength: 40}"); 
     return json; 
    } 
} 

और ग्रिड में, आप कुछ इस तरह रखा फ़ील्ड 'नाम' संपादन योग्य नहीं होगा। जब यह गलत होता है, तो यह संपादन योग्य होगा