कोणीय यूआई ग्रिड - कॉलम मेनू शैली/एक टेम्पलेट लागू करें

Question

मैं angularjs ui-grid का उपयोग करना चाहता हूं और एक शर्त है: कॉलम फ़िल्टर मेनू को स्टाइल करना संभव है।

documentation में यह केवल समझाया गया है कि कॉलम मेनू में नए आइटम कैसे जोड़ें, लेकिन डिज़ाइन को कैसे बदला जाए या अन्य नियंत्रण जोड़ें। यदि हम the example देखते हैं तो उदाहरण के लिए कॉलम मेनू खोलना संभव होना चाहिए जो दो कस्टम स्टाइल रेडियो बटन (नर, मादा) को दो बटनों के साथ प्रदर्शित कर सकता है, दो परिवर्तन स्वीकार या अस्वीकार कर सकते हैं। यदि परिवर्तन स्वीकार किए जाते हैं, तो फ़िल्टर लागू किया जाना चाहिए।

क्या कॉलम मेनू के लिए टेम्पलेट का उपयोग करना संभव है क्योंकि यह columns header के लिए संभव है? कस्टम कॉलम मेनू कैसे बनाएं?

धन्यवाद।

Answer 1

समाधान के लिए plunker देखें।

अपने कॉलम के भीतर आपको केवल मेनू इटम्स जोड़ने की आवश्यकता है। मुझे आपके प्रश्न से समझने में परेशानी थी कि आप इन अतिरिक्त ड्रॉपडाउन विकल्पों को वास्तव में क्या करना चाहते थे, इसलिए मैंने आपके लिए सामान्य प्रारूप को एक बहुत ही सरल उदाहरण में मॉडल किया है जहां पहला कस्टम विकल्प कुछ भी नहीं करता है लेकिन आपके मेनू में प्रदर्शित होता है और दूसरा अलर्ट सक्रिय करता है कॉलम नाम युक्त कृपया मुझे बताएं अगर यह पर्याप्त नहीं है (नहीं)।

मेनू के लिए समर्थित विशेषताओं की पूरी सूची के लिए यह देखें this tutorial।

columnDefs: [ 
    { 
    field: 'name', 
    menuItems: [{ 
     title: 'Custom Nothing' 
    }, { 
     title: 'Column Name', 
     action: function() { 
     alert(this.context.col.displayName); 
     } 

    }] 
    } 

] 

Answer 2

मैं क्या सोचता ओपी के लिए, निश्चित रूप से मैं क्या, के लिए देख रहा था के माध्यम से http://ui-grid.info/docs/#/api/ui.grid.class:GridOptions.columnDef#properties_headercellfilter

यह कष्टप्रद आप केवल लटकती टेम्पलेट संशोधित करने में सक्षम होने लगते हैं नहीं है देख रहा था भर में आया, तो आप करने के लिए है पूरे हेडर सेल टेम्पलेट को ओवरराइड करें, लेकिन कम से कम आप इसे प्रति-कॉल आधार पर कर सकते हैं।